Just playing with Angular CLI.
Here is what I did:
- npm install -g angular-cli
- ng new PROJECT_NAME
- cd PROJECT_NAME
- ng serve
- hit the page at: http://localhost:4200/ in browser
- change app.component.ts file, no change in browser
- change app.component.html file, new change is automatically reflected in browser
What is that my change in ts file not detected?
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
You should install angular cli using:
npm install -g @angular/cli
and not:
npm install -g angular-cli
Make sure you're using the latest version and if not, update your Angular CLI to the latest version.
If you have still change detection issue, using the following solved the issue for me (on Ubuntu):
echo 65536 | sudo tee -a /proc/sys/fs/inotify/max_user_watches
