使用npm run build命令打包Angular项目时报错,错误信息如下:

WARNING in budgets, maximum exceeded for initial. Budget 2 MB was exceeded by 3.33 MB.ERROR in budgets, maximum exceeded for initial. Budget 5 MB was exceeded by 340 kB.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! ng-alain@7.7.1 build: `npm run color-less && node --max_old_space_size=5048 ./node_modules/@angular/cli/bin/ng build --prod --build-optimizer`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the ng-alain@7.7.1 build script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\zhang\AppData\Roaming\npm-cache\_logs\2020-05-09T02_27_47_586Z-debug.log

解决方法:
angular.json文件中找到budgets数组字段,扩大maximumWarningmaximumError属性值。

"budgets": [{"type": "initial","maximumWarning": "6mb","maximumError": "6mb"}]

说明:
当应用的功能不断增长时,其文件大小也会同步增长。 CLI 允许你通过配置项来限制文件大小,以确保应用的各个部分都处于你定义的大小范围内。

你可以在 CLI 配置文件 angular.json 的 budgets 区段为每个所配置的环境定义这些大小范围。

{..."configurations": {"production": {...budgets: []}}
}

—— END ——

npm run build打包失败相关推荐

  1. vue-cli脚手架npm run build打包后图片路径问题 2018.11.21

    2018/11/21 最近在自己尝试做一个vue的项目,发现了一个打包以后出现的路径问题 使用npm run dev 可以正常打开项目,图片路径不会出错,使用脚手架npm run build 打包以后 ...

  2. npm run build 打包报错primordials is not defined的解决方法

    npm run build 打包报错primordials is not defined的解决方法 D:\uniapp项目\huishua_web_agent>npm run build> ...

  3. vue项目执行npm run build 打包出现某些图片,字体,资源文件路径404,无法加载的问题

    如图所示: 如果出现如图的错误.首先我们第一步是考虑进入dist文件夹里面的static文件夹 正常情况下static文件夹是非常干净的 如果你发现你的static文件夹出现了多余的img.fonts ...

  4. npm run build 打包爬坑记(1)

    npm run build 打包爬坑记 先说说打包过程,npm run build 后放入phpstudy里面,访问本地ip,查看phpstudy的端口号,就能访问页面了(访问地址:http://19 ...

  5. yarn build 和 npm run build打包有什么区别

    yarn build 和 npm run build打包有什么区别 结论: 没区别,yarn build === yarn run build === npm run build

  6. vue2.0项目部署到服务器_vue项目运行npm run build打包后如何发布到服务器?

    运行npm run build后,怎么发布到服务器? 这样就打包成功了.然后我的项目根目录就会多一个dist文件夹,里面包含static文件夹(存放img.css.js等文件)和index.html. ...

  7. npm run build打包产生的build文件夹通过nginx部署到服务器上访问(centos8)

    首先在当前目录下,用npm run build命令将文件打包到build文件夹(或者是其他文件夹名) 把build目录传到服务器上 打开终端(提一句,Windows在Microsoft store里新 ...

  8. npm run build 打包命令

    vue使用npm run build命令打包项目 当我们使用vue-cli脚手架完成一个项目的时候,下一步肯定会想要怎么把这个项目放到互联网上或者本地直接打开呢,我们在本地调试的时候只要命令行执行np ...

  9. npm run build 打包后,如何运行在本地查看效果

    目前,使用vue-cli脚手架写了一个前端项目,之前一直是使用npm run dev 在8080端口上进行本地调试.项目已经进行一半了,今天有时间突然想使用npm run build进行上线打包,试试 ...

最新文章

  1. 接入层的流程和非接入层
  2. 产品与技术优势发威 用友U9截击SAP ORACLE
  3. 深入学习QWidget-1
  4. 【组合数学】递推方程 ( 常系数线性非齐次递推方程求解 | 递推方程标准型及通解 | 递推方程通解证明 )
  5. WPF - 图形设计器(Diagram Designer)
  6. Image Processing Wavefronts for HEVC Parallelism
  7. Python小项目——学生信息管理系统(详细讲解)
  8. python入门需要有什么基础?
  9. 第一次敲hdu蟠桃树和第二次的区别
  10. Mac m1 max 工具安装及简介
  11. centos下编译abseil-cpp
  12. 快用苹果助手安装失败_穿越火线辅助腾讯手游助手常见问题汇总
  13. 【渝粤教育】广东开放大学 电算化会计 形成性考核 (44)
  14. Reservior Sampling(蓄水池采样) in Data Streams
  15. 【已解决】数据库常见场景应用计算次日留存率
  16. 浙江大学计算机学院 耿卫东教授 是哪个实验室的,文化与科技的碰撞:2018首届中国文化计算大会在京举行...
  17. 基于深度学习的推荐系统(一)
  18. 禁用笔记本触摸板功能
  19. 贝拉博客,一个屌丝网站
  20. video标签的使用

热门文章

  1. Rocksdb 的优秀代码(三)-- 工业级 线程池实现分享
  2. leetcode-102 二叉树的层次遍历
  3. 简单安装与使用composer
  4. selenium:学习资源
  5. BZOJ1965 [Ahoi2005]SHUFFLE 洗牌 快速幂
  6. Angular 4+ HttpClient
  7. 关于使用strtok的一个小问题
  8. Silverlight的企业应用
  9. MATLAB【十四】————遍历三层文件夹操作
  10. mybatis结合log4j打印SQL日志