构建vue大项目报错:Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memo

这篇具有很好参考价值的文章主要介绍了构建vue大项目报错:Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memo。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

环境

Windows 10
vscode

过程

今天在构建一个Vue大项目时(我使用的是yarn run build命令构建项目),遇到一个内存不足的报错,如下:

<--- JS stacktrace --->

FATAL ERROR: Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memory
 1: 00007FF73231012F node_api_throw_syntax_error+175407
 2: 00007FF732295AF6 SSL_get_quiet_shutdown+63110
 3: 00007FF732296EB2 SSL_get_quiet_shutdown+68162
 4: 00007FF732D2FF24 v8::Isolate::ReportExternalAllocationLimitReached+116
 5: 00007FF732D1B282 v8::Isolate::Exit+674
 6: 00007FF732B9D0DC v8::internal::EmbedderStackStateScope::ExplicitScopeForTesting+124
 7: 00007FF732BAA3BD v8::internal::Heap::PublishPendingAllocations+1117
 8: 00007FF732BA7447 v8::internal::Heap::PageFlagsAreConsistent+3367
 9: 00007FF732B99B77 v8::internal::Heap::CollectGarbage+2039
10: 00007FF732BB0533 v8::internal::HeapAllocator::AllocateRawWithLightRetrySlowPath+2099
11: 00007FF732BB0DDD v8::internal::HeapAllocator::AllocateRawWithRetryOrFailSlowPath+93
12: 00007FF732BC0613 v8::internal::Factory::NewFillerObject+851
13: 00007FF7328B1BC5 v8::internal::DateCache::Weekday+1349
14: 00007FF732DCD5C1 v8::internal::SetupIsolateDelegate::SetupHeap+558193
15: 00007FF732DA0833 v8::internal::SetupIsolateDelegate::SetupHeap+374499
16: 00007FF732D4E990 v8::internal::SetupIsolateDelegate::SetupHeap+38976
17: 00007FF6B4B75385
error Command failed with exit code 134.

解决方法

1、打开【环境变量设置】窗口,位置在:控制面板 -> 系统和安全 -> 系统 -> 高级系统设置 -> 高级 -> 环境变量

2、新建一个名为NODE_OPTIONS、值为--max-old-space-size=xxxx的变量,xxxx是内存MB大小,例如4096就是4GB:
构建vue大项目报错:Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memo

3、点击 确定 退出【环境变量设置】窗口

4、打开一个新的 PowerShell 命令窗口,执行以下命令查看环境变量是否生效:

node -e 'console.log(v8.getHeapStatistics().heap_size_limit/(1024*1024))'

构建vue大项目报错:Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memo
显示为4144,证明已经生效

问:为什么环境变量里设置的值是4096,但却显示4144,比设置的值要大一些?
答:暂时不清楚,后面再研究,或者知道原因的小伙伴可以在评论区留言:)

5、重新构建项目,成功!

其它问题

1、如果设置环境变量后,构建还是失败,可以继续调大变量的值,4GB不够就加大到8GB,如此类推。注意修改完变量后,需要打开新的 PowerShell 窗口才会生效。

2、尽量不要使用vscode自带的终端窗口构建项目,因为设置了环境变量后,在vscode的终端窗口里是不会生效的,除非重启系统。解决方法可以参阅:windows 修改环境变量后在 vscode 的终端不生效的解决方法文章来源地址https://www.toymoban.com/news/detail-411127.html

到了这里,关于构建vue大项目报错:Ineffective mark-compacts near heap limit Allocation failed - JavaScript heap out of memo的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 运行项目报错error in ./node_modules/marked/lib/marked.umd.js

    今天跑项目时发现一个报错,问题出在marked这个包,然后翻看package.json里面也没有这个包,全局搜索项目也没有这个包相关的信息,可它就是报错,索性直接把它给卸载发现还是报错 报错原因:包的版本太高 解决方法:安装更低的版本 先运行指令:npm view marked versions 查看包

    2024年02月06日
    浏览(124)
  • marked在vue项目中改变超链接跳转方式和图片放大预览

    这里我是另起一个js文件对marked的配置做了修改,参考如下 然后在vue文件中进行进行该文件的引用 最后格式化markdown文本

    2024年02月11日
    浏览(38)
  • Jenkins自动构建打包发布vue项目报错Error: error:0308010C:digital envelope routines::unsupported

    错误日志: 原因: 新版本node.js使用了OpenSSL3.0对允许算法和密钥大小增加了严格的限制。 解决办法: Windows: Linux:

    2024年02月17日
    浏览(53)
  • Vite + Vue3 +Vant4构建项目时,按需引入使用Toast组件,引用 showToast 时出现编译报错的解决方案

    一.问题定位 在Vite + Vue3 +Vant4构建项目时,需要使用Toast组件显示提示信息,按照官方文档使用函数调用 使用后直接报错,说是找不到对应的样式文件(如下图): 在项目中查找node-moudles文件,确实没有找到,只有一个toast文件(如下图): 在百度搜索解决方法,说是需要单

    2024年01月17日
    浏览(71)
  • 【异常】Jenkins执行前端项目Npm构建时,出现报错This dependency was not found: vue-class-component in ./node_modules/vu

    同事的代码变更,导致了在Jenkins无法执行构建 错误的原因是项目中引入了vue-class-component,但是在项目的依赖列表中,却没有找到它,因此会报如上的错误。 vue-class-component是一个用于类式Vue组件的TypeScript装饰器。 它允许您将Vue组件定义为类,这可以使您的代码更有组织性和

    2024年02月03日
    浏览(62)
  • 构建vue初始化项目:vue create 命令构建vue项目

    首先找到自己的文件夹 1.创建vue项目: vue create vue 2.选择Manually select features自定义创建 3.选择vue版本(这里选择的是vue2) 4. 5. 6. 7. 8创建完成 创建完项目后先删除node_modules然后执行 npm设置淘宝镜像加速:npm config set registry https://registry.npm.taobao.org 然后再执行 npm安装: npm install

    2024年02月08日
    浏览(51)
  • VS构建项目报错信息及解决办法02

    报错信息及解决3: 报错信息详情: fatal error C1083: 无法打开包括文件: “dirent.h”: No such file or directory 原因: 项目为Linux环境下的,而在windows下VS中的MSVC并没有实现“dirent.h”头文件。 解决办法: 自定义头文件并进行添加,头文件链接 https://github.com/tronkko/dirent 头文件详情:

    2024年02月15日
    浏览(47)
  • jenkins 自由风格部署vue项目,参数化构建vue项目

    1.  丢弃旧的构建 2. 是否需要install  3. git 4. 配置node16:  5. 脚本: 脚本:

    2024年02月02日
    浏览(48)
  • Vue3:Vite 构建 Vue 项目

    Vite 新一代前端构建工具。 开发环境中,无需打包操作,可快速的冷启动。 轻量快速的热重载。 按需编译。 npm安装会提示是否安装依赖 项目结构 配置文件 在项目中引入组件或文件时,使用 @/ 别名引入文件路径报错问题。 在 vite.config.js 配置文件中修改别名。 在 tsconfig.j

    2024年02月11日
    浏览(49)
  • jenkins构建前端vue项目

    目录 前言: 1.jenkins配置参数 2.构建前端代码脚本 3.额外补充相关配置 服务器,已部署nginx和jenkisn和npm,在此基础上部署前端项目, 后续补充相关nginx等服务器安装操作; 1.新增一个软件项目  2.新增项目描述 3.配置历史镜像处理规则 例如:一个构建任务最多保留30天,最多

    2024年02月10日
    浏览(37)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包