# Sage infinite reload loop when changing scripts

**URL:** https://discourse.roots.io/t/sage-infinite-reload-loop-when-changing-scripts/17222
**Category:** sage
**Tags:** webpack
**Created:** 2019-12-07T13:07:26Z
**Posts:** 2

## Post 1 by @mattchaptr — 2019-12-07T13:07:26Z

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](https://webpack.js.org/concepts/hot-module-replacement/) 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?

---

## Post 2 by @psymeon — 2019-12-11T11:21:17Z

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:

> [@BrowserSync keeps reloading infinitely upon JavaScript changes](https://discourse.roots.io/t/browsersync-keeps-reloading-infinitely-upon-javascript-changes/14685):
>
> Yarn build works fine, yarn start works fine and reloads properly when changing views (php) or scss. When changing JavaScript BrowserSync keeps reloading infinitely. The console then returns this error before reloading: The connection to http://localhost:3000/\_\_webpack\_hmr was interrupted while the page was loading. My dev environment: MacOS Mojave, Valet, node 11.2.0, Firefox 64.0.2 I’m using Bootstrap. config.json: { "entry": { "main": [ "./scripts/main.js", "./styles/m…