vue项目中npm run build打包时报错

最新推荐文章于 2024-06-11 12:45:58 发布
最新推荐文章于 2024-06-11 12:45:58 发布
阅读量2k 收藏 2
点赞数
文章标签： vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Sara0064/article/details/115483720
版权 
vue项目要进行打包，结果报错

在这里插入图片描述

一般执行报错的原因，可能是语法出错了，也可能是某个插件升级了，也可能是依赖包太旧的问题，总之一定是自己的问题，不要怪电脑。
那么我首先定义出错的是node_modules，先删除，再重新npm install ,结果发现不行，然后进行了npm update更新操作，结果还是不行。
那怎么办呢？
根据错误，我把node_modules抛出异常的代码注销掉，看试试可以不
然后找到 node_modules中@intervoga中optimize_cssnano-plugin中index.js文件中106行
在这里插入图片描述
然后我尝试注掉，结果竟然再去打包，现在打包成功了。
在这里插入图片描述
一般这种不属于很严谨，找到出错的源代码进行注释掉，升级包之类的都会遇到这类的问题
现在我在尝试进行第二种解决方式，根据报错找出插件，进行插件的升级。
当然都是根据自己的项目进行定制升级插件哦，遇到问题不要急，不要慌，总能有解决的办法的

Sara0064
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue项目打包时可能会遇到的一些问题
weixin_49768221的博客
09-28 1048
执行 npm run build 打包项目，可能会出现以下错误： 错误一如下： 错误原因：项目中的静态文件路径报错 解决：更改config/index.js中的配置 重新运行项目：npm run dev 然后再打包：npm run build 这时应该就不会出现刚才的路径错误。如果打包成功，会出现如下界面： 如果你没有成功，并且报错，那么接下来看看下面的错误以及解决办法吧。 错误二如下： \ building for production...Error processing file: static/
vue项目build打包遇到的问题
weixin_43749669的博客
10-08 2691
1. npm run build打包项目之后，生成的dist文件里面有被压缩后的static文件跟index.html，直接打开index.html页面是空白的，还会报几个错，找不到页面路径。 原因: 找到config文件下index.js，全局搜索assetsPublicPath，结果是 assetsPublicPath：’ / ’ 默认为根目录，而index.html和static是在同一级目录下，因此，解决方法就是 assetsPublicPath：’ ./ ’ , 斜杠前加一个点，表示同一级。如图：
vue 项目打包 报错
Sunshine_Jian的博客
10-26 5720
再执行 npm run build 之后，会生成一个dist文件夹，打开index.html，控制台报错 如下图所示： 这里是因为找不到正确的路径，导致报错。 解决办法： 1、在根目录下，新建vue.config.js文件，当然有的话，就忽略此条； 2、在vue.config.js里 将publicPath: "/" 改为publicPath: "./" ，之后重新打包，npm run build 即可。 publicPath: "/" =====>&gt...
Vue进阶（幺捌柒）：vue项目build报错的解决办法（ERROR in static js
最新发布
2401_85122831的博客
06-11 321
全网独播-价值千万金融项目前端架构实战从两道网易面试题-分析JavaScript底层机制RESTful架构在Nodejs下的最佳实践一线互联网企业如何初始化项目-做一个自己的vue-cli思维无价，看我用Nodejs实现MVC代码优雅的秘诀-用观察者模式深度解耦模块前端高级实战，如何封装属于自己的JS库VUE组件库级组件封装-高复用弹窗组件。
vue项目打包失败问题记录
小混子得得的博客
11-25 8869
"vue": "^2.7.14"项目不知名原因打包失败
关于vue打包时 npm run build 命令 报错的解决方法
m0_65450343的博客
06-10 4047
关于vue打包时 npm run build 命令 报错的解决方法
vue build 打包遇到bug解决记录
怀着一颗学徒的心
07-27 1052
仔细看每个scripts里面的环境开头都是vue-cli-service，其实只是换了一种方式运行vue-cli-service。
vue中npm run build打包报错
w15635748705的博客
05-15 3568
vue项目在npm run build 的时候报错 错误信息如下： Error: Rule can only have one resource source (provided resource and test + include + exclude) in {} ..... 这是直接采用最暴力的方法，这是一个webpack兼容性的问题： // 首先将项目中的 node_modules 文件删除 // 然后将 package-lock.json 文件删除 // 最后 在 package.json
vue项目cnpm run dev时出错解决方法
qq_41842907的博客
04-30 829
E:\vue01>npm install npm ERR! code ERR_TLS_CERT_ALTNAME_INVALID npm ERR! errno ERR_TLS_CERT_ALTNAME_INVALID npm ERR! request to https://registry.cnpmjs.org/autoprefixer failed, reason: Hostname/IP does not match certificate's altnames: Host: registry.c.
解决vue项目,npm run build后,报路径错的问题
11-20
在build目录下的webpack.prod.conf.js里面： output: { path: config.build.assetsRoot, publicPath: "/dist/", // 添加这行代码，可解决该问题或者...补充知识：vue项目打包后，npm run build相关配置，以及解决
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
今天小编就为大家分享一篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue中Npm run build 根据环境传递参数方法来打包不同域名
12-12
这次是在Vue.js项目中打包，教大家个方法： 使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const...
vue打包npm run build时候界面报错的解决
10-14
在开发Vue应用的过程中，我们经常会遇到使用`npm run build`命令进行打包时出现错误的情况。这些错误可能由多种原因导致，比如配置问题、依赖缺失、文件路径错误等。本篇文章将详细探讨这些问题，并提供相应的解决...
vue 项目打包时遇到的一些问题
小龙狗的博客
01-23 1万+
标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉NPM忽略项目中引入的各个modules之间的相同modules但不同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。[1].【前端开发技巧】npminstallxxxx--legacy-peer-deps到底做了些什么。[2].解决高版本npm无法解析依赖树的报错npmi--legacy-peer-deps。[4].node，npm，vue升级到指定版本。...
vue项目打包报错“vue-cli-service build “（已解决）
weixin_44672169的博客
08-11 2万+
vue项目打包报错，错误如下 解决方法：删除项目根目录下的package-lock.json文件，执行npm i，然后重新打包就可以了
vue填坑之webpack run build 静态资源找不到
热门推荐
qq_30346089的博客
09-12 2万+
vue cli搭建的项目，在本地测试调试都OK，运行npm run dev之后运行正常,run build后放到线上找不到静态资源文件路径，最后终于解决
vue2项目 npm run build 打包报错 ERROR Error: EBUSY: resource busy or locked, rmdir....
weixin_42508580的博客
09-01 7910
vue打包报错，盲目的去google，看到网上有乍一眼看相同的错误，ERROR Error: EBUSY: resource busy or locked, unlink…害的自己重启半天编辑器，毫无卵用-_-，都贴出来记录一下！1、找到打开或使用dist文件，关闭即可（神仙操作：打包文件上传服务器时，还在上传过程中，然后服务器断开连接了导致一直在使用占用dist文件夹，导致了我的报错-_-）错误提示可以看出是打包过程中删除上次打包生成的dist文件报错，然后查看dist文件是否被打开正在使用。
VUE中项目打包出现的问题
Daisy_1的博客
08-05 1184
一、vue打包 npm run build 完成的项目后，在终端运行npm run build，会自动增加dist文件夹，里面包含static文件夹和index.html页面，其中static文件夹中是 打包后的所有js、css、img以及elementUI。 二、白板以及图片无法加载 运行index.html页面会出现白板以及错误，如下所示： 其原因是在打包的过程中直接将static直...
vue运行或打包报错
机车双猫怪的博客
04-27 732
方法三：在package.json的scripts字段的node命令后加–max_old_space_size=4096 内存的具体数值可以根据项目大小自己设定，重新运行 npm run build。方法二：快捷键Win+R 打开运行窗口，运行 setx NODE_OPTIONS --max_old_space_size=4096。2、在项目文件夹运行 increase-memory-limit ，内存扩展完成，再启动项目就可以了。原因：项目大，启动或打包会抛出内存溢出，需要扩展node服务器内存。
vue项目中npm run build后面如何配置参数
07-27
在Vue项目中，你可以通过修改`package.json`文件中的`scripts`部分来配置`npm run build`命令的参数。 1. 打开项目的根目录，找到`package.json`文件。 2. 在`scripts`对象中，找到`build`属性。该属性对应的值是一...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值