generator-angular-fullstack icon indicating copy to clipboard operation
generator-angular-fullstack copied to clipboard

[5.0.0-rc.1] Hot Reload doesn't work

Open smileavi opened this issue 7 years ago • 18 comments

  • [Yes ] I understand that GitHub issues are not for tech support, but for questions specific to this generator, bug reports, and feature requests.
Item Version
generator-angular-fullstack 5.0.0-rc.1
Node v9.4.0
npm 5.6.0
Operating System OS X 10 & Ubuntu 16
etc etc
Item Answer
TypeScript Yes
HTML Yes
SCSS & CSS Tried both
Router Angular
Mocha Yes
MongoDB Yes
Auth Yes
etc websocket added

Used npm run start:server & npm run start:client. App runs fine. Hot reload is not working. File changes do not trigger any reload on both server and client side.

Please suggest

smileavi avatar May 31 '18 07:05 smileavi

What IDE do you use?

albert-92 avatar Jul 09 '18 14:07 albert-92

What IDE do you use?

This would be useful information. Some IDEs (IntelliJ) only save a copy of your changes in-memory to save on disk writes, but this makes the reloaders not able to see any changes. There's a setting to always write saves to disk.

Awk34 avatar Jul 09 '18 22:07 Awk34

same issue here. i am using version 5.0.0-rc.3.....

but gulp serve is not working these manual commands are working fine.

on gulp serve .tmp folder always empty. event localhost :3000 dont serve the app.html

umimehar avatar Jul 11 '18 08:07 umimehar

gulp serve is deprecated in 5.0.0.

Your app should be served at http://localhost:8080. .tmp folder is always empty because the webpack dev server keeps the files in-memory for faster rebuild.

Awk34 avatar Jul 11 '18 08:07 Awk34

ATOM @albert-92

smileavi avatar Jul 11 '18 08:07 smileavi

ok then why gulp serve always open localhost:3000 lol.

umimehar avatar Jul 11 '18 08:07 umimehar

@umimehar gulp serve should be gone from all documentation, ignore it. It will be removed.

Awk34 avatar Jul 11 '18 08:07 Awk34

then please tell me how can i start the dev server?

umimehar avatar Jul 11 '18 08:07 umimehar

@umimehar please read the README file: https://github.com/angular-fullstack/generator-angular-fullstack#usage

Awk34 avatar Jul 11 '18 08:07 Awk34

npm run start:server and npm run start:client. @umimehar

Please refer to the below link [https://angular-fullstack.github.io/get-started/running/]

smileavi avatar Jul 11 '18 08:07 smileavi

@smileavi back on topic, are there any more details you can provide? Is there anything strange in the console output? Can you confirm the files are actually changing?

Awk34 avatar Jul 11 '18 08:07 Awk34

ok thanks. it works. seems like i need to give 2 commands to run front end and back end. cool. that was a major change. well image

and what about these 2 warnings?

umimehar avatar Jul 11 '18 08:07 umimehar

@umimehar we'll have to wait for Angular themselves to address that. You can search those warnings within their issue board.

Awk34 avatar Jul 11 '18 09:07 Awk34

@Awk34 screen shot 2018-07-11 at 14 43 19

smileavi avatar Jul 11 '18 09:07 smileavi

@Awk34
i just got that server files are not being watched? is it?

umimehar avatar Jul 11 '18 09:07 umimehar

Same issue here, using 5.0.0-rc.3. I did a fresh scaffolding and hot reload is working fine for client but server files are not being watched.

When i run npm run start:server i got the following:

cropped

rafaelmmadeira avatar Jul 11 '18 13:07 rafaelmmadeira

Replacing the run command with this should make it auto reload:

"start:server": "nodemon --watch server server"

(see #2744)

Awk34 avatar Jul 11 '18 23:07 Awk34

@Awk34

that made it to me!

Thanks!

rafaelmmadeira avatar Jul 11 '18 23:07 rafaelmmadeira