angular - ts file change not detected by NG Live Development server

Question

Just playing with Angular CLI.

Here is what I did:

1. npm install -g angular-cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve
5. hit the page at: http://localhost:4200/ in browser
6. change app.component.ts file, no change in browser
7. change app.component.html file, new change is automatically reflected in browser

What is that my change in ts file not detected?

Answer 1

This seems to be a problem with webpack 1.2.5. Rolling back one version worked for me.

Just run:

npm install --save @ngtools/webpack@1.2.4

You can read more about this issue here:

https://github.com/angular/angular-cli/issues/4338