Jenkins前端打包内存溢出问题

Jenkins前端打包内存溢出问题

1.问题

公司项目vue构建,体积比较庞大,在Jenkins上构建时,有新的内容提交时,第一次npm run build必失败,报内存溢出错误

如下所示:

Jenkins前端打包内存溢出问题

 

2.解决过程

看报错信息是JavaScript堆内存不足。

查阅一些资料说是node基于V8引擎,在使用内存时只能使用部分内存,64位系统约为1.7G,项目太大这种限制会很坑,第一个想法是突破这种内存限制,网上也有很多这种方法:

第一种:设置环境变量:

export NODE_OPTIONS=–max_old_space_size=4096

第二种:在运行命令中增加 –max_old_space_size=4096

例如可以修改 package.json 的 scripts 脚本,具体代码就不展示了。。。

第三种:使用 increase-memory-limit 插件,增加node服务器内存限制

npm install –save-dev increase-memory-limit

npm run fix-memory-limit

然而,以上方法都无效。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

开始正题。。。

第一个想法:失败后重试,反正一般情况下第二次必成功

jerkins失败重试:Jenkins失败自动重试

第二个想法:

查看了服务器使用的node版本,是10.15.3,而自己电脑最新的稳定版是12,打包完全没问题,怀疑旧版本V8引擎太老,服务器更新node来试试,node13升级了V8,带来性能调整和改进!!

Jenkins前端打包内存溢出问题Jenkins前端打包内存溢出问题

先清除缓存:

npm cache clean -f

node多版本管理有个神器,n

先安装:

npm install -g n

安装最新版本:

n latest

安装最新稳定版本:

n stable

安装完成之后,直接输入n

选择版本(10.15.3版本是手动配置的环境变量,已经去掉,这里看不到了)

Jenkins前端打包内存溢出问题

上线翻动,按enter选择

然后就可以使用对应的版本了。

npm的版本可能比较低,需要更新下:

npm install -g npm

Jenkins上重新构建,发现还是使用的10.15.3的版本!原来在jenkins上的系统设置已经设置了环境变量,写死的node环境地址,去掉即可:

Jenkins前端打包内存溢出问题

打包遇到的问题:

Downloading binary from https://github.com/sass/node-sass/releases/download/v4.12.0/linux-x64-79_binding.node
Cannot download "https://github.com/sass/node-sass/releases/download/v4.12.0/linux-x64-79_binding.node": 

HTTP error 404 Not Found

Hint: If github.com is not accessible in your location
      try setting a proxy via HTTP_PROXY, e.g. 

      export HTTP_PROXY=http://example.com:1234/

or configure npm proxy via

      npm config set proxy http://example.com:8080/

看起来github上的资源没有,直接404了,换成国内镜像源

npm i node-sass –sass_binary_site=https://npm.taobao.org/mirrors/node-sass/

每次打包的时候都加上这个,完事。

试过全局加这个镜像,竟然不行,还是从github下,不知为何?待续吧

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/100278.html原文链接:https://javaforall.net

(3)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • actually啥意思(actually exactly)

    TherecognizedSignatureredsoleandhighyourhighheelbothprocessedthedistinctivepopulartopfeaturesof…

    2022年4月10日
    69
  • origin双y轴柱状图_双Y轴柱状图和折线图

    origin双y轴柱状图_双Y轴柱状图和折线图Origin双Y轴柱状图画法及两柱重合有间居问题解决1、所遇问题2、作图方法1、所遇问题做双Y轴柱状图时,一开始是将左Y轴数据和右Y轴数据放在了两个sheet中,一顿操作最后发现两个柱要么重合要么有间距,怎么调都不行,就像下图这样。。。2、作图方法正确作图方法:1、将X数据左Y数据以及右Y数据放在一个sheet中,主要这里边的两个空列,是正确画图的关键。2、选择ABCD四列画柱状图,注意这里C列为误差,画出来图你就明白D列作用是让柱子向左偏一格。3、点击空白区域,右键加入右Y轴,也

    2022年9月26日
    0
  • two bin system_system系统目录是什么

    two bin system_system系统目录是什么这个里面主要存放的是常规下载的应用程序,可以看到都是以APK格式结尾的文件, 在这个文件夹下的程序为系统默认的组件,自己安装的软件将不会出现在这里,而是\data\文件夹中。\system\app\AlarmClock.apk 闹钟\system\app\AlarmClock.odex\system\app\Browser.apk 浏览器\system\app\Browser.

    2022年10月10日
    0
  • 取消li圆点_css去掉li前面的点

    取消li圆点_css去掉li前面的点在ul标签上写样式是在ul而不是li

    2022年10月24日
    0
  • day23 Pythonpython 本文re模块

    day23 Pythonpython 本文re模块

    2021年6月30日
    97
  • toast 弹窗 内容获取_javascript弹出框

    toast 弹窗 内容获取_javascript弹出框使用js封装一个全局Toast提示弹窗组件,不使用UI库exportconstToast={data(){return{}},mounted(){},methods:{//Toast消息提示toast(obj){let{text,duration,img}=obj||{};//obj为字符串typeofobj===’string’&&a

    2022年9月25日
    1

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号