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

Question

只是在玩 Angular CLI。

这是我所做的：

1. npm install -g angular-cli
2. ng 新的 PROJECT_NAME
3. cd PROJECT_NAME
4. ng 服务
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