Sage infinite reload loop when changing scripts

Hi guys,

Really loving using Bedrock and Sage - getting some amazing results but 1 hugely frustrating issue.

Whenever I change someting in common.js on my latest project, the live reload goes crazy. It constantly reloads and logs this in the console:

process-update.js:22 Ignored an update to unaccepted module 28 → 25 → 24
onUnaccepted @ process-update.js:22
hotApply @ bootstrap 5e141c097cf808427f7e:438
cb @ process-update.js:66
(anonymous) @ process-update.js:82
Promise.then (async)
check @ process-update.js:81
module.exports @ process-update.js:42
processMessage @ client.js:268
handleMessage @ client.js:136
handleMessage @ client.js:99
process-update.js:95 [HMR] The following modules couldn’t be hot updated: (Full reload needed)
This is usually because the modules which have changed (and their parents) do not know how to hot reload themselves. See Hot Module Replacement | webpack for more details.
logUpdates @ process-update.js:95
applyCallback @ process-update.js:63
(anonymous) @ process-update.js:71
Promise.then (async)
cb @ process-update.js:70
(anonymous) @ process-update.js:82
Promise.then (async)
check @ process-update.js:81
module.exports @ process-update.js:42
processMessage @ client.js:268
handleMessage @ client.js:136
handleMessage @ client.js:99
process-update.js:103 [HMR] - ./resources/assets/scripts/routes/common.js
(anonymous) @ process-update.js:103
logUpdates @ process-update.js:102
applyCallback @ process-update.js:63
(anonymous) @ process-update.js:71
Promise.then (async)
cb @ process-update.js:70
(anonymous) @ process-update.js:82
Promise.then (async)
check @ process-update.js:81
module.exports @ process-update.js:42
processMessage @ client.js:268
handleMessage @ client.js:136
handleMessage @ client.js:99
process-update.js:142 [HMR] Reloading page
performReload @ process-update.js:142
logUpdates @ process-update.js:106
applyCallback @ process-update.js:63
(anonymous) @ process-update.js:71
Promise.then (async)
cb @ process-update.js:70
(anonymous) @ process-update.js:82
Promise.then (async)
check @ process-update.js:81
module.exports @ process-update.js:42
processMessage @ client.js:268
handleMessage @ client.js:136
handleMessage @ client.js:99

Has anyone experiences this?

2 Likes

Not sure which version of Sage you are using, but I have experienced similar issues with Sage 9. Some times the issue would be a wrong configuration in the resources/assets/config.json. Make sure that you have correctly set publicPath, devUrl and proxyUrl. If this is all correct, then try hard-reloading your browser. In Chrome, with Dev Tools open, click and hold the reload button and select “Empty Cache and Hard Reload”.

Also check out this related issue: