vue项目热更新内存溢出问题

vue项目启动后，每次修改部分代码，再编译和打包时会频繁内存溢出，都会导致项目运行中断。有的同事是时不时会中断，我是每次都会中断

报错信息如下：

> node –max_old_space_size=4096 webpack-dev-server --inline --progress --config build/webpack.dev.conf.jsmodule.js:549throw err;^Error: Cannot find module 'F:\work\路径\路径\vue\–max_old_space_size=4096'at Function.Module._resolveFilename (module.js:547:15)at Function.Module._load (module.js:474:25)at Function.Module.runMain (module.js:693:10)at startup (bootstrap_node.js:188:16)at bootstrap_node.js:609:3
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! house-vue@1.0.0 dev: `node –max_old_space_size=4096 webpack-dev-server --inline --progress --config build/webpack.dev.conf.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the house-vue@1.0.0 dev 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!     D:\Program Files\nodejs\X64\node_cache\_logs\2018-09-04T07_52_06_975Z-debug.log

同事们的解决方法（见链接）：
https://www.cnblogs.com/maqingyuan/p/10636920.html
但对于我的电脑不适用，除了安装 fix-memory-limit插件之外，还另外做了以下配置

// 找到以下路径
./node_modules/.bin/webpack-dev-server.cmd// 在node后面增加    --max-old-space-size=4096
@IF EXIST "%~dp0\node.exe" ("%~dp0\node.exe"  "%~dp0\..\webpack-dev-server\bin\webpack-dev-server.js" %*
) ELSE (@SETLOCAL@SET PATHEXT=%PATHEXT:;.JS;=;%node  --max-old-space-size=4096 "%~dp0\..\webpack-dev-server\bin\webpack-dev-server.js" %*
)

至此解决项目热更新时，每次保存会报错的问题。

但直到上周调试项目，删除了node_modules，并重新安装依赖后又开始出现热加载内存溢出的问题，但是之前安装的插件和修改的配置依旧在（无语）。

主要报错信息：Ineffective mark-compacts near heap limit Allocation failed - JavaScript hea，完整如下：

 FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory1: 000000013F56F04A v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+51142: 000000013F54A0C6 node::MakeCallback+45183: 000000013F54AA30 node_module_register+20324: 000000013F7D20EE v8::internal::FatalProcessOutOfMemory+8465: 000000013F7D201F v8::internal::FatalProcessOutOfMemory+6396: 000000013FCF2BC4 v8::internal::Heap::MaxHeapGrowingFactor+95567: 000000013FCE9C46 v8::internal::ScavengeJob::operator=+243108: 000000013FCE829C v8::internal::ScavengeJob::operator=+177409: 000000013FCEE1B7 v8::internal::Heap::CreateFillerObjectAt+117510: 000000013FB7C5B3 v8::internal::interpreter::Interpreter::GetDispatchCountersObject+7845111: 000000013F4D1132 v8::internal::StackGuard::ArchiveSpacePerThread+5208212: 000000013F4D17F3 v8::internal::StackGuard::ArchiveSpacePerThread+5381113: 000000013F5B1474 uv_dlerror+243614: 000000013F5B21D8 uv_run+23215: 000000013F55128E node::NewContext+1390
16: 000000013F55189B node::NewIsolate+603
17: 000000013F551D07 node::Start+839
18: 000000013F40935C node::MultiIsolatePlatform::MultiIsolatePlatform+604
19: 000000013FFAA93C v8::internal::compiler::OperationTyper::ToBoolean+134796
20: 0000000076D3555D BaseThreadInitThunk+13
21: 0000000076F9385D RtlUserThreadStart+29<--- Last few GCs --->[13304:0000000000182610]   135335 ms: Mark-sweep 1396.6 (1426.7) -> 1396.6 (1424
.7) MB, 2368.0 / 0.0 ms  (+ 0.0 ms in 1 steps since start of marking, biggest st
ep 0.0 ms, walltime since start of marking 2368 ms) (average mu = 0.099, currentmu = 0.035) fi[13304:0000000000182610]   135404 ms: Scavenge 1397.6 (1424.7) ->1397.1 (1428.2) MB, 3.7 / 0.0 ms  (average mu = 0.099, current mu = 0.035) allo
cation failure<--- JS stacktrace --->FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed -
JavaS
cript heap out of memory1: 000000013FD7F04A v8::internal::GCIdleTimeHandler::GCIdleTimeHandler+51142: 000000013FD5A0C6 node::MakeCallback+45183: 000000013FD5AA30 node_module_register+20324: 000000013FFE20EE v8::internal::FatalProcessOutOfMemory+8465: 000000013FFE201F v8::internal::FatalProcessOutOfMemory+6396: 0000000140502BC4 v8::internal::Heap::MaxHeapGrowingFactor+95567: 00000001404F9C46 v8::internal::ScavengeJob::operator=+243108: 00000001404F829C v8::internal::ScavengeJob::operator=+177409: 00000001404FE1B7 v8::internal::Heap::CreateFillerObjectAt+1175
10: 000000014038C5B3 v8::internal::interpreter::Interpreter::GetDispatchCountersObject+78451
11: 000000013FCE1132 v8::internal::StackGuard::ArchiveSpacePerThread+52082
12: 000000013FCE17F3 v8::internal::StackGuard::ArchiveSpacePerThread+53811
13: 000000013FDC1474 uv_dlerror+2436
14: 000000013FDC21D8 uv_run+232
15: 000000013FD6128E node::NewContext+1390
16: 000000013FD6189B node::NewIsolate+603
17: 000000013FD61D07 node::Start+839
18: 000000013FC1935C node::MultiIsolatePlatform::MultiIsolatePlatform+604
19: 00000001407BA93C v8::internal::compiler::OperationTyper::ToBoolean+134796
20: 0000000076D3555D BaseThreadInitThunk+13
21: 0000000076F9385D RtlUserThreadStart+29

各种百度后，大多建议安装fix-memory-limit，或者在package.json文件的script调试中，增加--max-old-space-size=4096。
因为fix-memory-limit已经存在，尝试直接执行npm run fix-memory-limit命令，再启动项目发现又可以了。

vue项目热更新内存溢出问题相关推荐

vue项目热更新慢
vue项目 --- 热更新慢一.查找热更新慢是哪里慢---分析原因二.解决办法 1.安装babel-plugin-dynamic-import-node插件 2..babelrc文件里添加配置dy ...
vue项目node编译内存溢出（node）
vue项目在启动以后,进行修改内容,编译出错,自动退出启动报错如下经过查找 FATAL ERROR: CALL_AND_RETRY_LAST Allocation failed - JavaScr ...
vue created 调用方法_深入解析 Vue 的热更新原理，偷学尤大的秘籍？
大家都用过 Vue-CLI 创建 vue 应用,在开发的时候我们修改了 vue 文件,保存了文件,浏览器上就自动更新出我们写的组件内容,非常的顺滑流畅,大大提高了开发效率.想知道这背后是怎么实现的吗, ...
解决Vue运行报js内存溢出问题
解决Vue运行报js内存溢出问题下载内存控制插件 npm install increase-memory-limit 在package.json中添加脚本 "fix-memory-limi ...
Vue Cli4 热更新失效，浏览器不会自动刷新内容
Vue Cli4 热更新失效在VScode中,需要保存文件后自动刷新浏览器的内容,否则还得手动刷新浏览器,给开发造成极大的不便.我们要在项目根目录下找到vue.config.js(若没有这个文件,则 ...
vue项目Echarts更新数据是数据表展示错版
vue项目Echarts更新数据是数据表展示错版当我们第一次渲染数据的时候,echarts渲染是正常的,但是当我们的数据更新的时候,展示的图表会出现错版现象,其中最常见的是曲线图. 比如下面,刚开始 ...
深入解析 Vue 的热更新原理，尤大是如何巧用源码中的细节？
大家都用过 Vue-CLI 创建 vue 应用,在开发的时候我们修改了 vue 文件,保存了文件,浏览器上就自动更新出我们写的组件内容,非常的顺滑流畅,大大提高了开发效率.想知道这背后是怎么实现的吗, ...
vue项目中的内存泄漏
vue中内存泄漏的问题 Q:前几天项目遇到了一个问题,访问页面导致内存不断上涨. A:原因是在跳转路由销毁页面的时候,并没有释放内存. 接下来就开始查找资料,去排查到底是哪部分的问题,导致内存不释放. ...
vue 项目下JS内存溢出
发生场景: vue下JS内存溢出 young object promotion failed Allocation failed - JavaScript heap out of memory 我当时 ...

vue项目热更新内存溢出问题

vue项目热更新内存溢出问题相关推荐

最新文章

热门文章