NG Live Development服务器未检测到ts文件更改

Question

只需使用Angular CLI。

这是我做的：

1. npm install -g angular-cli
2. ng new PROJECT_NAME
3. cd PROJECT_NAME
4. ng serve
5. 点击浏览器中的http://localhost:4200/页面
6. 更改app.component.ts文件，浏览器无变化
7. 更改app.component.html文件，新更改会自动反映在浏览器中

我检测到的ts文件中的更改是什么？

Answer 1

这似乎是webpack 1.2.5的一个问题。回滚一个版本对我有用。

  

跑步：

npm install --save @ngtools/webpack@1.2.4

您可以在此处详细了解此问题：

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

Answer 2

您应该使用以下命令安装angular cli：

npm install -g @angular/cli

而不是：

npm install -g angular-cli

确保您使用的是latest version，否则请使用update your Angular CLI to the latest version。

如果仍然存在更改检测问题，请使用以下命令为我解决此问题（在Ubuntu上）：

echo 65536 | sudo tee -a /proc/sys/fs/inotify/max_user_watches