ng 服务后和更新时 Angular 4 CLI 太慢

Posted 2023-03-07

【中文标题】ng 服务后和更新时 Angular 4 CLI 太慢

【英文标题】：Angular 4 CLI too slow after ng serve and when updating

【发布时间】：2018-01-30 19:25:44

【问题描述】：

我在运行 ng serve 后粘贴了一个屏幕截图。它在 34946 毫秒。它非常缓慢，并且损害了我们团队的表现。当我们也更新我们的代码时，重新加载页面需要很长时间。

我的 Angular 版本是 Angular CLI 版本 (1.2.7)

这是一个问题还是在 Angular CLI 中这是正常的？

我们在项目中已经有大约 40 个组件，但我不确定它是否会影响加载性能。

这是我个人电脑的规格。

【问题讨论】：

上菜的时候有没有提出异议？

我只是在终端上使用普通的“ng serve”命令

【参考方案1】：

我解决了我的问题。发生的情况是我们的组件和其他资源都导入到 app.module.ts 中。因此，每次页面加载时页面都会加载所有资源。我的解决方案是应用 延迟加载 来仅加载那些特定于我正在访问的路由的资源，它确实解决了加载问题。

【讨论】：

“我的解决方案是应用延迟加载”仍然不清楚延迟加载是什么意思。如果你能详细说明，举个例子。那就更好了。

@Voiltaire 请用一个例子发表评论，以帮助那些像你一样立即面临问题的社区。​​span>

如何应用延迟加载？

这就是 - angular.io/guide/lazy-loading-ngmodules

【参考方案2】：

您遇到此问题是因为您的开发 PC 没有足够的内存来处理构建，因为当您运行昂贵的 npm 任务时，nodejs 会消耗大量内存。项目越大，完成任务所需的内存就越多。如果您想同时运行ng serve + ng t + ng whatewer，问题可能会变得更糟。

检查任务管理器 -> 性能标签然后运行ng serve，你就会明白我在说什么了。

我一直在为同样的问题苦苦挣扎，直到我在我的开发 PC 中添加了另一个 8GB RAM。

是的，这很正常。

【讨论】：

我正在看它，它只占用我 55% 的 RAM。还不够？

@Jeb50 你总共有多少内存？

8 GB，一切顺利，除了ng serve 需要 30 秒才能显示百分比。

我是 16GB，使用 --aot 重新编译需要 1-2 分钟。有什么建议吗？

@java-addict301 你的项目有多大？你的 cli 版本是多少？

【参考方案3】：

你只需要更新 angular cli 版本我希望这能解决你的问题

 npm install @angular/cli@latest     

如果这个不能解决你的问题意味着使用这个 Cmd 运行

 ng serve --sourceMap=false