Ionic 5 - Angular 11 and Hot Module Replacement

Tommertom · February 17, 2021, 9:15am

Let me buy you a drink! Thx

almothafar_capella · February 17, 2021, 9:19am

I don’t see separatedArgs in my latest CLI version.

Can you please give me the link of existing issue too?

Tommertom · February 17, 2021, 10:03am

Tommertom · February 17, 2021, 10:04am

It is in the function createOptionsFromCommandLine. Not the one calling.

almothafar_capella · February 17, 2021, 10:10am

Yeah there is no createOptionsFromCommandLine in server.js but this function called in server.js at the mentioned line

Tommertom · February 17, 2021, 10:15am

there are multiple server.js. I think I used the one in lib (but would have to check).

Tommertom · February 17, 2021, 10:17am

almothafar_capella · February 17, 2021, 11:08am

Ok, that in the different path as there are many server.js path for it \npm\node_modules\@ionic\cli\lib\serve.js line 107:

While I confirm hmr enabled from logs, but it still refreshes the page.

Tommertom · February 17, 2021, 11:10am

Well, I guess if the module relates to the page shown, you can’t avoid a page reload. Maybe on CSS It should be more relaxed…

Tommertom · February 17, 2021, 11:11am

And I still have to check a case I seemed to have where the app looses the injected service. Not sure if that was because of HMR or a bug. Either way, an error I have never encountered before.

almothafar_capella · February 17, 2021, 11:12am

Tried HTML, SCSS and TypeScript everything refreshes the page

Tommertom · February 17, 2021, 11:24am

Well, too bad. But recompile time beefed up. So some benefit, right? Ideally pages wouldn’t loose state. A refresh aside.

Alfr3d · February 18, 2021, 8:12am

Exactly!
Everything refreshes the page!
I open another issue for that:

Tommertom · February 24, 2021, 8:07pm

Yup. This is happening. So, just be care, it may still be too experimental

sampath · February 6, 2022, 2:37pm

Any solution for this in 2022?

celalsur · March 7, 2022, 1:35am

I have an angular 10 project that I opened at work. after a while, when I saw that HMR added to angular 11 I upgraded the project by trying to work with HMR. Since it didn’t, I opened a brand new angular project. checked that HMR working. I moved all components, services, modules, styles (without node folder of course) and launched it using ng serve --hmr and it failed to work again. the page is being refreshed.

celalsur · March 10, 2022, 10:22am

I am on this 3 days. Any idea will be appreciated?. .

Tommertom · March 10, 2022, 11:14am

This is what I did to get HMR running on my setup.

Hacky, but working

skout90 · April 5, 2022, 7:58am

Angular HMR feature is not perfect.

I faced that whole app was refreshed beacause of lazy module.

parthashit · February 9, 2023, 8:07am

Hello Sir,

I have faced a issue. I can’t run my project. Please me, how can I solve my problem?
I have shared my issue. Please check it.

PS D:\Office Project\UCMMobile> ionic serve

npm.cmd run ionic:serve – --host=localhost --port=8100 --project=app
[npm] > newucm@0.0.1 ionic:serve
[npm] > ionic-app-scripts serve “–host=localhost” “–port=8100” “–project=app”
[npm] ‘ionic-app-scripts’ is not recognized as an internal or external command,
[npm] operable program or batch file.

[ERROR] npm has unexpectedly closed (exit code 1).

    The Ionic CLI will exit. Please check any output above for error details.

Thanks