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

时间:2017-08-22 13:19:34

标签: javascript node.js angular npm angular-cli

我在运行服务后粘贴了一个屏幕截图。它是在34946毫秒。这很慢,这伤害了我们团队的表现。当我们还更新代码时,重新加载页面需要很长时间。

enter image description here

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

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

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

以下是我的电脑的规格。

enter image description here

4 个答案:

答案 0 :(得分:8)

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

答案 1 :(得分:4)

您遇到此问题是因为您的开发人员没有足够的内存来处理构建,因为当您运行昂贵的npm任务时, nodejs 会占用大量内存。项目越大,完成任务所需的内存就越多。如果您想同时运行ng serve + ng t + ng whatewer,问题会更加严重。

检查任务管理器 - > Perfomrmance选项卡然后运行ng serve,您将看到我在说什么。

我一直在努力解决同样的问题,直到我在我的开发PC中放入另一个8GB的RAM。

所以是的,这是正常的。

答案 2 :(得分:1)

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

 npm install @angular/cli@latest     

如果这不能解决您的问题,则仅使用此命令运行

 ng serve --sourceMap=false    

答案 3 :(得分:-2)

您必须将Node.js更新到最新版本,然后检查到瘦链接node.js web site,以更新Node.js