npm run dev 项目已经成功启动 但是 只要一改代码,重新编译 项目就挂掉了 报错:FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory 原因:前端项目非常的庞大,webpack 编译时就会占用很多的系统资源,如果超出了V8对 Node 默认的内存限制大小就会出现内存溢出问题
试了很多方法 均没有解决
1. 添加参数 --max_old_space_size=4096(未解决)
在node_modules.bin下的webpack-dev-server文件中添加 --max_old_space_size=4096
2.increase-memory-limit 插件(解决)
安装插件:
npm install -g increase-memory-limit
执行命令:
increase-memory-limit
如果报错 'node --max-old-space-size=10240' 不是内部或外部命令,也不是可运行的程序
全局搜索 “%_prog%” 替换为 %_prog% 去掉引号如图
注意这个是在node_modules 想要全局搜索 就在.gitignore文件去掉node_modules选项 再搜索 之后再还原
3.最终决定对node 版本降级 (解决)
安装 12.19.0 版本
然后sass又会报错
Node Sass does not yet support your current environment: Windows 64-bit with Unsupported runtime
原因:node 和sass版本不匹配
1.卸载sass
npm uninstall node-sass // 卸载
npm uninstall --save sass-loader // 卸载
2.安装指定版本
npm i sass-loader@7.3.1 -D
npm i node-sass@4.14.1 -D
3.npm run dev 启动项目成功 修改代码 重新编译 全部都正常 至此 问题解决