[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading disabled, Progress disabled, Overlay enabled. log.js:24 [HMR] Waiting for update signal from WDS... #410
Description
I am trying to consume a remote application (Angular v15) into my shell application (on Angular v15) via below method or via a new route (both ways I am getting issue), where I am loading the remote component (standalone) using below method -
loadRemoteModule({
type: 'module',
remoteEntry: 'http://localhost:4201/remoteEntry.js',
exposedModule: './SomeComponent',
})
Below are the versions used :
"@angular-architects/module-federation": "^15.0.3",
"ngx-build-plus": "^15.0.0",
As soon I try to load above remote Component, my host application gets reloaded automatically with below observations on the console -
_[webpack-dev-server] Server started: Hot Module Replacement enabled, Live Reloading disabled, Progress disabled, Overlay enabled.
log.js:24 [HMR] Waiting for update signal from WDS...
[webpack-dev-server] App hot update...
log.js:24 [HMR] Checking for updates on the server...
GET http://localhost:4201/products.f915f3ef5933a10c.hot-update.json net::ERR_ABORTED 404 (Not Found)
(anonymous) @ polyfills.js:11361
[HMR] Cannot find update. Need to do a full reload!
[HMR] (Probably because of restarting the webpack-dev-server)
Navigated to http://localhost:4200/_
Note - This reload behavior only happens in localhost, when I deploy this to our Azure env. this reload of application does not happen.
Attaching screenshot of my host & remote application webpack.config.js
Can you help on what could be the issue? @manfredsteyer @theo-matzavinos @maxisam @isaacplmann @glebmachine @divdavem
