【vue项目打包失败】 vue打包一直building for production

最新推荐文章于 2024-07-18 15:24:14 发布
最新推荐文章于 2024-07-18 15:24:14 发布
阅读量1w 收藏 4
点赞数 1
文章标签： vue webpack
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/yeyeyeyu/article/details/115866698
版权
在尝试打包Vue项目时遇到了building for production的错误，经过排查发现是由于项目中地图JSON文件过大导致的内存溢出问题。解决方法是通过增加打包内存设置，如在cmd中进行打包操作，从而成功解决了打包失败的问题。
摘要由CSDN通过智能技术生成

导致vue项目打包失败的原因之一

今天项目改完，开开心心的打包打算上传服务器了，发现一直打包不成功。具体表现如下

<--- Last few GCs --->

[12696:000002237B5DEC60]     9193 ms: Scavenge 1389.0 (1420.8) -> 1388.1 (1421.3) MB, 2.0 / 0.0 ms  (average mu = 0.265, current mu = 0.275) allocation 
failure
[12696:000002237B5DEC60]     9197 ms: Scavenge 1389.1 (1421.3) -> 1388.1 (1421.8) MB, 1.5 / 0.0 ms  (average mu = 0.265, current mu = 0.275) allocation 
failure
[12696:000002237B5DEC60]     9200 ms: Scavenge 1389.1 (1421.8) -> 1388.2 (1422.3) MB, 1.4 / 0.0 ms  (average mu = 0.265, current mu = 0.275) allocation 
failure


<--- JS stacktrace --->

==== JS stack trace =========================================

    0: ExitFrame [pc: 00000056EB7DC5C1]
Security context: 0x
最低0.47元/天 解锁文章
苟苟一
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
vue实现分环境打包步骤(给不同的环境配置相对应的打包命令)
10-16
var spinner = ora('building for ' + process.env.NODE_ENV + ' of ' + process.env.env_config + ' mode...') spinner.start() // ... ``` 6. **更新 `package.json`**： - 在 `scripts` 部分，添加针对不同...
npm run build打包卡住
StoneVivi的博客
05-07 7449
npm run build打包卡住 最近在项目中遇到执行npm run build 打包时，一直卡在 building for production... 。 做过以下尝试还是未解决，有咩有大佬路过帮忙解决一下？ 万分感谢！ 1.将npm 的源改成淘宝镜像 网上好多人说，将npm 的源改成淘宝镜像，但是公司的开发环境是公司内网，走的是私服，这条行不通。 2.排除本地代码错误 让同事帮忙打包，看看同...
vue打包报错building for production...Error processing file:
weixin_43073383的博客
02-15 3208
打包一直卡在这，报错building for production…Error processing file: static/css/app.75b18747bd0b141856 解决 1、把webpack.prod.conf.js css代码压缩关掉 2、在urils.js 压缩 const cssLoader = { loader: 'css-loader', options: { sourceMap: options.sourceMap, mini
vue2解决打包内存溢出问题（简单有效）CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
最新发布
请叫我欧皇！的博客
07-18 288
vue2解决打包内存溢出问题（简单有效）CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
Vue 记一次打包错误： building for production...Error processing file:
htfghgg的博客
05-17 2323
Vue 记一次打包错误： building for production…Error processing file: 一、前言 开发vue项目由于引入了第三方的css，发现执行 npm run build 命令打包时，报错： building for production…Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea2e79024d9.css 。但是执行 npm run dev 是没有问题的。百思不得其解，后来查了相关资料后发现
Vue 解决 npm run build 打包卡住不动的问题？
rulai2017的博客
07-01 7169
Vue 解决 npm run build 打包卡住不动的问题？
Vue 记一次打包错误： building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea
Wjhsmart的博客
08-26 3758
本篇博客记录了如何解决vue项目打包报错： building for production...Error processing file: static/css/app.7dc218ade4b6d7ceea8bfea2e79024d9.css
浅析vue给不同环境配置不同打包命令
12-04
本文将详细介绍如何在Vue项目中为不同环境配置不同的打包命令。 首先，我们需要安装`cross-env`这个npm包，它允许我们在命令行中跨平台设置和使用环境变量。执行`npm i --save-dev cross-env`即可完成安装。`cross-...
building-landing-pages-with-vue-and-a-headless-cms:这是以下文章的示例项目
05-09
使用Vue.js和无头CMS构建目标网页 这是以下文章的示例项目：构建设置# Install dependencies.npm install# Serve with hot reload.npm run serve# Build for production with minification.npm run build# Serve the...
his-system-vue
04-17
“ the”的内容包括访问控制，登录界面，管理界面释放# Building Test EnvironmentNPM run build:stage# Constructing Production EnvironmentNPM run build: prod其他# Preview release environmental effectsNPM ...
Vue-Crud-App:这个项目是一个带有vuejs的简单Crud应用程序
05-09
选材 具有材料设计的vue 2 ...# build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report 有关工作原理的详细说明，请查看的和。
Vue npm run build打包的时候卡住
weixin_43567670的博客
08-02 5296
最近遇到的一个问题，vue打包的时候无限卡在building for production… 看到很多人说改镜像有用，于是执行了 npm config set registry http://registry.cnpmjs.org 再打包还是一样的结果。 之后又尝试把node_modules删掉再重新npm i 并没有起作用。 还看到一个是缺少了什么插件的，也尝试下载了，并没有用。 然后我看到了这个博客【vue 打包】npm run build 打包卡住的问题 我突然想起我有过和这个博主类似的操作，因为手
vue3.0npm run dev内存溢出解决方法 Last few GCs（JavaScript heap out of memory）
m0_52611940的博客
03-09 881
vue3.0npm run dev内存溢出解决方法 Last few GCs（JavaScript heap out of memory）
使用vue-element-admin制作的项目在打包过程中出现了报错，要如何解决
zhlYYY的博客
07-11 3350
在vue项目的打包的时候，你运行npm run build 怎么样都不行，总是会报一下这个错误 building for prod environment…Browserslist: caniuse-lite is outdated. Please run next command npm update caniuse-lite browserslist 这个时候，你以为直接运行npm updat...
vue项目因提供的内存不足启动报错
fan2016434589的博客
03-12 7155
内存不足的解决办法
vue2 项目升级到vue3之后`npm run build`执行两遍打包
发果叁
06-20 2677
vue2 项目升级到vue3之后执行两遍打包两种办法 修改 ，一般在 中或者单独的 文件中，添加一个 package.json .browserslistrc 分析原因 通过执行 的时候打印的日志可以发现两次打包之前都输出了不一样的日志 正常只执行一次的打包只会输出一种日志 然后我们根据日志输出的关键字在 项目中查找一下，我们执行的是 命令，所以先看这个命令的文件 ，搜索一下关键字 会查找到第 116 行 发现当 为 的时候就会出现打包两次所出现的日志，所以基本可以肯定问题出在这个上
vue2项目打包遇到的问题（记录）
weixin_43939111的博客
07-19 1070
临时纯手工搭建开发了个vue2小项目，打包后出现了很多问题。
vue.js 打包项目 npm run build 一直在building的问题
07-27
回答: 当运行`npm run build`时，如果项目卡在building状态不动，有几种解决办法可以尝试。首先，可以找到项目中build目录下的check-versions.js文件，将其中的代码注释掉。这个文件中的代码会检查npm的版本，注释掉后可以避免卡住的问题。\[1\]另外，通过执行`npm run build`时打印的日志可以发现两次打包之前输出了不同的日志，分别是"Building legacy bundle for production..."和"Building module bundle for production..."。这可能是由于项目中使用了不同的打包方式导致的。\[2\]如果以上方法都没有解决问题，还可以尝试在执行build命令时加上`--no-module`参数，即`vue-cli-service build --no-module`。另外，还可以修改项目中的browserslist配置，一般在package.json文件中或者单独的.browserslistrc文件中，添加一个"not ie 11"的配置。这样可以避免在打包过程中出现问题。\[3\]希望这些方法能够帮助你解决vue.js打包项目一直在building的问题。 #### 引用[.reference_title] - *1* [vue项目在运行npm run build时卡住不动的解决办法](https://blog.csdn.net/rongyuliu951080er/article/details/114026740)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [vue2 项目升级到vue3之后npm run build执行两遍打包](https://blog.csdn.net/weixin_44243061/article/details/124401155)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^insertT0,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值