文件更改检测在 Angular 6 中不起作用

Question

我的 Angular 项目是在 Angular 5 中创建的，并且该版本已经使用了大约 6 个月左右。昨天我升级到 Angular 6，在修复了我所有的 rxjs 引用并编译了应用程序以确保一切正常运行后，我意识到在运行 ng serve 和 ng test 时保存更改后没有刷新我的浏览器或识别任何更改，直到我杀死我的ng serve 并重新开始。

我似乎无法在任何地方找到任何答案；有没有其他人遇到过这个问题，我可以提供我项目的任何部分来帮助找到解决方案吗？

编辑： 我在 Linux/Ubuntu 18.04 上运行

Answer 1

这不是代码中的问题，这是由于有时 VS 代码或操作系统而发生的，这在 Ubuntu/linux 中经常遇到，因此在 linux 中以 root 身份运行以下命令将解决问题，

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

如果是 Visual Studio 代码：

{
    "files.useExperimentalFileWatcher" : true
}

在代码中 -> 首选项 -> 设置

在 mac 和 win 上使用 Visual Studio Code 版本 1.26.1 测试