Angular CLI命令运行缓慢求助:ng命令执行耗时过长
Angular CLI 13.0.2 执行
ng generate/ng add命令延迟过高的排查方案 常见原因及解决办法
包缓存损坏或冗余
本地npm/yarn缓存堆积或损坏可能拖慢CLI执行效率,先清理缓存:# npm 清理缓存 npm cache clean --force # 若使用yarn yarn cache clean接着删除
node_modules和锁文件,重新安装依赖:rm -rf node_modules package-lock.json npm installAngular CLI自身缓存堆积
CLI内置缓存机制如果堆积过多,会影响命令执行速度,执行清理命令:ng cache clean也可以临时禁用缓存测试是否解决问题:
ng generate component new-component --no-cacheNode.js版本不兼容
Angular 13.0.2官方推荐Node.js 14.x或16.x LTS版本,版本过高/过低都可能导致CLI运行异常。可以用nvm切换到对应版本:# 示例:安装并切换到14.17.0 nvm install 14.17.0 nvm use 14.17.0项目依赖冗余
项目中大量未使用的依赖会增加CLI扫描和处理时间,可通过以下命令清理:# 查看依赖树,定位无用依赖 npm ls # 卸载指定无用依赖 npm uninstall <package-name>杀毒软件/防火墙拦截
部分杀毒软件会实时扫描CLI创建的文件或ng add的网络请求,导致延迟。可临时关闭杀毒软件,或把项目目录加入白名单测试。CLI版本bug
Angular CLI 13.0.2存在已知性能问题,升级到同大版本的最新补丁版(如13.3.11)可能修复:npm install @angular/cli@13.3.11 --save-dev
验证方法
每次调整后,执行ng generate component test-component测试执行速度,确认是否有改善。
内容的提问来源于stack exchange,提问作者Athulya Ratheesh
相关产品推荐
相关产品推荐

