如何调试Angular CLI开发服务器

时间:2019-06-29 19:01:30

标签: angular angular-cli webpack-dev-server

在开发中的Angular CLI中运行ng serve时,我希望通过实时重新加载将应用程序提供给本地URL。通常,在运行ng serve并在浏览器中加载我的应用后,控制台会显示一个[WDS] Live Reloading enabled.日志条目。

问题:

最近[WDS] Live Reloading enabled.日志消息已开始打印到控制台4次,并且证据似乎表明有4个独立的进程正在监听我的应用程序的文件更改。这导致页面重新加载和其他一些奇怪的活动变慢。在我的应用程序初始编译期间(运行ng serve之后立即),我还在终端中看到以下消息,这是我以前从未见过的。

  • 「wds」: webpack output is served from /
  • 「wds」: 404s will fallback to //index.html

所有这些都不能阻止我的应用在本地提供服务,但这似乎确实导致开发速度普遍下降。

可能是什么原因造成的? Angular CLI通常是一个“包含电池”的工具,我不确定如何调试此问题(无需还原一堆更改并缓慢前进,我宁可不必这样做)。任何调试技巧/见解/或建议都值得赞赏!

2 个答案:

答案 0 :(得分:1)

可能有几个实例正在运行。您是否使用ctrl + z退出了该过程?您应该使用ctrl + c退出。您也可以尝试重新启动计算机。

答案 1 :(得分:0)

我能够通过将应用程序升级到Angular v8来解决此问题。作为升级的一部分,我无法看到我的应用程序的angular.jsontsconfig.json文件都没有被修改。鉴于升级确实解决了该问题,因此该问题一定是由依赖性引起的。升级到Angular v8会改变很多依赖性,包括从节点v8迁移到节点v10,因此我不确定到底是什么固定问题。我最好的猜测是,期望两个或多个角度展开依赖项可以找到彼此不同的版本(但再次,这只是一个猜测)。

我意识到这是一个不太令人满意的答案,而且很幸运,我的外部依赖项目前支持Angular v8。

如果其他人带来了更好,更通用的答案/解决方案,我会很乐意将该答案标记为正确。