Angular/CLI - 不会发生自动重新加载

Question

我最近开始使用Angular/CLI工具,我在执行文件时遇到问题,就是我运行时

ng serve 

然后这个命令帮助我们在源文件中进行任何更改时自动重新加载站点,但在我的系统中它没有发生(即站点不是自动重新加载,当我强制重新加载站点时,它也没有按照每个更新源文件中所做的更改).

只有当我终止"ng serve"命令并再次运行相同的命令("ng serve")时,该站点才会更新,然后我的站点才会更新.

因此,当我做出更改时,我很难终止服务器并连接服务器,因此我请求人们,如果有人知道这个问题的解决方案,请帮助我.

Answer 1

几天前我在linuxOS中遇到了同样的问题,当我读到它时,我发现这个问题在很大程度上取决于你使用的系统以及你在全局和本地设置angular-cli的方式.因此,在阅读了angular-cli为每个项目创建的readme.md之后,我尝试使用ng-build --watch但问题仍然无法解决,因为通过运行此命令它应该工作,ng-serve但它只构建应用程序,甚至不提供它在localhost:4200.然后,在深入挖掘问题之后,我发现了问题,这是我的操作系统,我使用的是ubuntu,inotify/max_user_watches值为8192,我交叉了,因为它没有显示任何进一步的变化.所以我使用了这些 echo "fs.inotify.max_user_watches=524288" | sudo tee -a /etc/sysctl.conf sudo sysctl -p - 它工作得很好.

ps在这个过程中我也使用这些命令 rm -rf nodes_modules/- > npm update- >来解决问题 npm install.在做上述陈述之前尝试这个,如果这适合你,那么你很好,也很好.

Answer 2

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

Answer 3

对我有用的是简单地将 tsconfig.js 中的“compileOnSave”选项设置为“true”

Answer 4

用sudo运行ng服务，对我有用

sudo ng serve

Answer 5

修改文件后，NG服务会自动重新加载，但是如果配置混乱，则可以尝试下面的命令

ng serve --live-reload

Answer 6

只需运行以下所有命令，我希望它会起作用。

rm -rf nodes_modules/
npm update
npm install

并再次启动服务器

ng serve -o

Answer 7

我遇到此问题是因为我使用 WSL 为 Windows 目录 ( ) 下的项目运行命令/mnt/...。

为了解决这个问题，我将项目目录转移到了 WSL 目录 ( ~/) 上。