Not able to change anything in Angular2 application when i create it using Angular CLI

Question

Using ng serve the project runs in localhost but after changing the code it does not refresh.

Lets say we have the general "App Works!!" in the initial project. However, it doesn't change if I edit inside the application.component.ts the "App works" to "Hello". It still shows App Works!!

what's the problem. Help me out.

are you saving your changes while angular cli is running in cmd window? — Bean0341, Feb 02 '17 at 15:30

score 3 · Accepted Answer · answered Feb 02 '17 at 15:33

3

This is a bug within the latest @ngtools/webpack package that the angular-cli uses. To fix this you need to manually downgrade the package:

npm uninstall @ngtools/webpack
npm install --save-dev @ngtools/webpack@1.2.4

After a new cli version, you should remove this from your package.json again

For more information check this bug report

answered Feb 02 '17 at 15:33

Poul Kruijt

69,713
12
145
149

@sushilsuthar yes, I wasted 3 hours of my morning today on this issue :) – Poul Kruijt Feb 02 '17 at 15:43
yes me too wasted almost 2 hours. thanks to you to save my 1 hour. – sushil suthar Feb 02 '17 at 15:45
if you use docker you should read this: https://www.javascriptstuff.com/webpack-watch-in-vagrant-docker/ – michabbb Feb 25 '18 at 03:05

score 1 · Answer 2 · answered Jun 27 '17 at 14:38

1

The solution for Ubuntu webpack rebuild issue.

The problem seems to be the inotify max_user_watches :

sudo echo "fs.inotify.max_user_watches=524288" >> /etc/sysctl.conf

sudo sysctl -p /etc/sysctl.conf

answered Jun 27 '17 at 14:38

abahet

10,355
4
32
23

Using >> in the command even after adding sudo might result in 'permission denied', to resolve this issue, follow this thread https://stackoverflow.com/questions/84882/sudo-echo-something-etc-privilegedfile-doesnt-work-is-there-an-alterna – Kartik Chauhan Mar 29 '18 at 16:41

score 1 · Answer 3 · answered Sep 06 '17 at 11:34

1

Had the same problem with Ubuntu 16.04. Quick fix:

echo fs.inotify.max_user_watches=524288 | sudo tee -a /etc/sysctl.conf && sudo sysctl -p

Hope this helps someone!

answered Sep 06 '17 at 11:34

nwaweru

1,723
1
13
14

Not able to change anything in Angular2 application when i create it using Angular CLI

3 Answers3

Linked

Related