IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory -> 正文阅读

[JavaScript知识库]Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory

打包时出现这个问题

在这里插入图片描述

我走的坑(有一个成功了):

1、没成功
在package.json里面:加上这一句:–max_old_space_size=8192// 或 --max_old_space_size=4096(建议先设置成4G看看,如果不行在设置为8G)

“scripts”: {
“dev”: “node build/dev-server.js”,
“start”: “node build/dev-server.js”,
“build”: “node --max_old_space_size=8192 build/build.js”
},

2、没成功
删除npmrc文件(不是nodejs安装目录npm模块下的那个npmrc文件,而是C:\Users{账户}\下的.npmrc文件)
这个太暴力了,删完还出现了其他问题,难受

3、没成功

  1. 找到 node-modules/.bin/ng文件
  2. 在.ng文件里,首行后面加上 --max_old_space_size=4096 就ok了
    在这里插入图片描述
    4、刚开始成功了,后期有失败了
    删除多余文件,他不是提示文件大吗?那我删除多余文件
    但后来继续开发文档时,文档变大了,又会出现这个问题
    ……无语了
    5、不成功
    博主解释:点击进入他的博文链接
    主要原因是 Angular 为了在项目打包生成后,便于调试 和 问题的定位,所以就默认没有对项目打包生成后的文件(css,js等)进行压缩、增加文件版本号、还会多出对应的xxx.map文件等。
    解决办法:
    在项目工程根目录(和src同一级目录)中打开angular.json文件,在architect -> build -> options项中添加如下代码
"optimization": true,   // 开启优化
"buildOptimizer": true,
"outputHashing": "all", // 文件名散列命名输出
"aot": true,
"sourceMap": false,     // 关闭生成调试映射文件
"extractLicenses": true,
"extractCss": true,     // CSS文件优化
"namedChunks": false,
"vendorChunk": false,

6、成功了
点击进入他的博文链接
在项目工程根目录(和src同一级目录)中打开package.json文件,在scripts项中添加如下代码

"buildProd": "node --max-old-space-size=8000 node_modules\\@angular\\cli\\bin\\ng build --prod --build--optimizer --aot"

在package.json文件中添加好以后,再执行如下打包命令:(命令就是在package.json中的scripts项中定义的那个key)

npm i buildProd

感谢博主

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2021-11-18 11:06:33  更:2021-11-18 11:07:34 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年5日历 -2024/5/10 18:36:29-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码