vue 热更新内存溢出

vue 热更新报错如下图

报错信息

原因分析:在Node中通过JavaScript使用内存时只能使用部分内存(64位系统:1.4 GB,32位系统:0.7 GB),这个时候,如果前端项目非常的庞大,Webpack编译时就会占用很多的系统资源,如果超出了V8引擎对Node默认的内存限制大小时,就会产生内存溢出的错误。

解决方法:
windows 下的 vue 项目可以找到以下路径
(.cmd文件无法打开,先改成.txt文件修改,然后再改回来)

./node_modules/.bin/webpack-dev-server.cmd

添加 --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" %*
)

你可能感兴趣的:(vue 热更新内存溢出)