记录(综合百度所有方法实力填坑)vue旧项目使用webpack-dev-server搭建,windows系统下内存溢出导致的模块热更新失败问题_卸载increase-memory-limit_执剑、天涯的博客-程序员秘密

技术标签: vue项目  vue  npm  

首先,在windows系统下,进入项目 npm run dev,报错young object promotion failed Allocation failed - JavaScript heap out of memory(新的对象升级失败分配失败-JavaScript堆内存不足)
效果见图:
在这里插入图片描述
然后我们通过修改加大设置max-old-space-size =10000,以及webpack-dev-server的目录地址为:./node_modules/webpack-dev-server/bin/webpack-dev-server,(注:在mac上运行时此路径稍有不同)发现项目暂时可以正常运行。
见图:
在这里插入图片描述
但是一旦修改任何vue页面,项目将自动停止运行,需重新npm run dev运行,
报错如下:
在这里插入图片描述
接下来我们试试大部分百度推荐的方法:
全局安装:
npm install -g increase-memory-limit
运行
increase-memory-limit
npm 异步运行
在package.json里修改
“scripts”: {
“fix-memory-limit”: “cross-env LIMIT=2048 increase-memory-limit”
},
“devDependencies”: {
“increase-memory-limit”: “^1.0.3”,
“cross-env”: “^5.0.5”
}
执行一次npm run fix-memory-limit
效果如图:
在这里插入图片描述
然后 运行项目,修改代码,更新代码依然报错:
在这里插入图片描述
然后我们试着在build文件夹下有个webpack.dev.conf.js文件。
然后添加一个配置项:inline: false 即可关闭热更新操作。在这里插入图片描述
依然失败:
在这里插入图片描述
因此我们发现,此报错跟热更新无关;

然后尝试是否为node的版本问题:
首先安装安装nvm,帮助切换node版本,
下载地址:https://github.com/coreybutler/nvm-windows/releases
注意下面四个包:
nvm-noinstall.zip: 这个是绿色免安装版本,但是使用之前需要配置
nvm-setup.zip(推荐):这是一个安装包,下载之后点击安装,无需配置就可以使用,方便。
Source code(zip):zip压缩的源码
Sourc code(tar.gz):tar.gz的源码
然后安装选择一直next就行了,在此不做截图演示

然后通过配置路径和下载源
在nvm安装路径下setting.txt文件中配置如下信息:
设置nvm路径(相当于setting.txt中的root:):
设置nodejs路径(相当于setting.txt中的path:):
nvm node_mirror https://npm.taobao.org/mirrors/node/
nvm npm_mirror https://npm.taobao.org/mirrors/npm/
如图:
在这里插入图片描述
接下来使用:安装指定版本的node:
nvm install <版本号>
使用指定版本node:
nvm use <版本号>

node完成安装后,出现npm -v报错,npm指令不存在问题,
需打开nvm的安装文件夹,修改settings文件(如上图),
修改完成之后,
在cmd中使用nvm 卸载当前指定的node版本,之后再重新安装即可;

最终通过重重排查版本,将node npm定为
在这里插入图片描述

更新模块编译成功;
在这里插入图片描述
以上是本人填坑过程,大家可以借鉴。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/sincejuly1995/article/details/116537087

智能推荐

Kubernetes 安装 local-path-storage_rancher local-patch-storge_shida_csdn的博客-程序员秘密

安装 local-path-storage# kubectl apply -f https://raw.githubusercontent.com/rancher/local-path-provisioner/master/deploy/local-path-storage.yamlnamespace/local-path-storage createdserviceaccount/local-path-provisioner-service-account createdclusterrol.

从 datetime2 数据类型到 datetime 数据类型的转换产生一个超出范围的值_微wx笑的博客-程序员秘密

在使用Entity Framework操作数据库时遇到的这个错误。 这个错误比较奇怪,在园子里看到一位兄弟写到有位大哥提出的原因是:http://www.cnblogs.com/plwang1990/articles/2025334.html   sqlServer2008中提供datetime2类型的数据(比datetime更精确),而用entity framework4会默认的把C#中的

解决Undefined variable: _SESSION的方法_Jonty1024的博客-程序员秘密

对于初次使用session的人来说可能会遇到Undefined variable: _SESSION这样的错误,错误原因是因为没有开启session。因为php中的session默认是不开启的,需要在程序中开启才能使用。PHP错误:PHP Notice: Undefined variable: _SESSION原因及解决方法遇到Undefined variable: _SESSION 错误的原...

ioctlsocket()详解_wy_kath的博客-程序员秘密

转载自:http://zjqzy03080312.blog.163.com/blog/static/185742807201221393357799/简述:  控制套接口的模式。  #include   int PASCAL FAR ioctlsocket( SOCKET s, long cmd, u_long FAR* argp);  s:一个标识套接口的描述字。  cm

请求支付宝渠道报错:40006,Insufficient Permissions,ISV权限不足_【支付宝创建订单】alipay.trade.create. code=40006, returnms_butiehua0202的博客-程序员秘密

错误描述:申请的是支付宝2.0产品(如何区分支付宝产品是1.0还是2.0),请求支付宝渠道时,报错:{"code":"40006","msg":"Insufficient Permissions","sub_code":"isv.insufficient-isv-permissions","sub_msg":"ISV权限不足"}解决方案:1、请登录支付宝检查签约产品是否已生效2、检查应用在支付宝平

Quartz2.2.1 学习笔记(一)简单例子_chichen1799的博客-程序员秘密

J2EE中用的最多的任务调度框架应该就是Quartz了,最近比较清闲,就来详细了解一下Quartz;用这个博客来记录下学习心得,如有错误之处,还请各位大神指点。 1.关键接口 Scheduler,任务调度的API;它可以用来启动或者终止任务等。 Job,具体的任务接...

随便推点

sklearn之概率类模型的评估指标_sklearn 评价指标_清风佐鸣琴的博客-程序员秘密

sklearn.metrics.brier_score_losssklearn.metrics.brier_score_loss(y_true, y_prob, *, sample_weight=None, pos_label=None)[source]¶概率预测的准确程度被称为“校准程度”,是衡量算法预测出的概率和真实结果的差异的一种方式。一种比较常用的指标叫做布里尔分数,它被计算为是概率预测相对于测试样本的均方误差,表示为:Brier&nbsp;Score&nbsp;=&nbsp;1N∑i=1n(

几种主要的点云配准算法和开源软件库_摄像头 与点云 配准 开源_麦田IT的博客-程序员秘密

ICP算法及其主要变形 Standard ICP Besl, Paul J., and Neil D. McKay. "A method for registration of 3-D shapes." IEEE Transactions on pattern analysis and machine intelligence 14.2 (1992): 239-256. KD-t...

前端学习之品优购项目(一)_品优购项目素材_桦桦子的博客-程序员秘密

第一次写博客,有很多瑕疵,还有就是我太懒了步骤不咋详细,见谅见谅????首先介绍一下这个项目,这个项目是跟着小破站黑马程序员pink老师做的,小白C感觉他的教学视频不错,链接奉上 H5C3+移动布局这篇主要是给自己学习记录用的,大家也想做一个的话可以去小破站学一下,跟着老师做比较快。一、前期准备1、项目搭建创建如下几个目录:shopping根目录,css目录存放样式文件,fonts目录存放我们需要的字体图标,字体图标通常是从爱可梦下载,images存放插入在网页的图片,js存放行为代码,uplo

解决php因内存不足httpd.exe错误方法!_yiding11的博客-程序员秘密

1,修改 php.ini将memory_limit由 8M 改成 16M(或更大),重启apache服务2,在PHP 文件中 加入 ini_set(”memory_limit”,”100M”);注意:为了系统的其它资源的正常使用 请您不要将 memory_limit设置太大,其中-1为不限3,修改.htaccess 文档(前提是该目录支持.htaccess)在文档中新增一句:p

shell基础五:输入和输出(echo,read,cat,管道,tee,重定向等)_sh echo tee_butiage的博客-程序员秘密

<br />下面的所有环境都在在REDHAT LINUX9下试验的<br />在LINUX中,要使转义符生效,需加参数-e<br /><br />从echo的变量开始说起<br />如:e c h o命令输出转义符以及变量。<br /><br />                                                                     # echo -e "/007your home is $HOME , you are connected on `tty`"

oracle java8 下载,Java Archive Downloads - Java SE 8u211 and later | Oracle 中国_阳淼的博客-程序员秘密

WARNING: These older versions of the JRE and JDK are provided to help developers debug issues in older systems.They are not updated with the latest security patches and are not recommended for use in ...

推荐文章

热门文章

相关标签