Why is it happening? Cache
Can you solve it completely? No
Can you solve it partially? Yes
Should/Must you solve it? Not really
This happens most of the time because the browser caches the index.html (and a few other css and js) file of the webapp. Try turning off caching for the file by adding these to the nginx config:
location ~* \.html?$ {
expires -1;
add_header Pragma "no-cache";
add_header Cache-Control "no-store, must-revalidate";
}
If you want to trigger a reload on the client side for this kind of errors, try this on your frontend app's router:
router.onError(error => {
if (/loading chunk \d* failed./i.test(error.message)) {
window.location.reload()
}
})
Caution: possibility of infinite reload if reload does not resolve the issue
Credit: Read more technical steps here on this article that already explains a lot more than I planned to write. Learn more about different chunk errors here.
(reach !== load)My assumption on OPs description: