vue打包npm run build报错

最新推荐文章于 2024-03-24 00:15:00 发布
最新推荐文章于 2024-03-24 00:15:00 发布
阅读量9k 收藏 1
点赞数 2
分类专栏： vue 文章标签： vue打包报错
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43588387/article/details/103384406
版权

vue打包npm run build报错：

近期领导要求用vue做一个项目，最近在研究和学习vue，在项目打包时一直报错，这个问题困扰了好久，尝试了很多网上办法，但都没有用
在这里插入图片描述
电脑每次开机首次执行npm run build 可以打包成功 ，但再次执行就又报以上的错，路径都没有问题，但就是报错

最后发现
—删除之前打包的文件夹
—关闭浏览器
重新 npm run build 问题就解决了，不知道是不是哪里冲突的原因，没有找到原因，但是在此记录一下，作为一个vue小白很是懵B。。。
有知道原因的大佬欢迎指导！！！

、晓扬
关注
  • 2
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a status of 404 (Not Found)， 解决方案： 方案一： 找到config里的index.js,打开修改assetsPublicPath 为“./” 方案二： 或者把index.html文件中的路径/去掉； 下面是去掉后的，可以参考下 成功了！ 补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
Vue：npm run dev成功 npm run build 失败原因
hungry0_0的博客
07-05 6888
事件：node_modules里面因为装了一个element-china-area-data的插件，npm install的时候好像不仅仅装了这个，还自动装了一下莫名其妙的东西，导致无法build，无法生成dist文件夹 解决方法：找一个好的可以build的node_modules拷贝过去，然后单独把之前的node_modules里面的element-china-area-data放到拷过来的n...
npm run build 时出现Build failed with errors
最新发布
程序猿进阶
03-24 869
VisualStudio中执行npm run build 时出现如下错误。【3】清空 npm 缓存 npm clean cache -f；【2】删除 package-lock.js 文件；【5】重新执行 npm run build 即可；【4】重新执行 npm -i 下载包和依赖；【1】删除 node_modules包；
关于 npm run build 报错问题
qq_48647684的博客
05-12 2829
3.清空 npm 缓存 npm clean cache -f。2.删除 package-lock.js 文件。1.删除 node_modules 包。4.重新下载包 npm i。
关于vue 用 npm run build 出现的一系列问题解决记录 webpack打包出现的问题二期，vue的webpack插件升级问题
NapoleonCesar的博客
05-28 964
关于vue 用 npm run build 出现的一系列问题解决记录 webpack打包出现的问题二期，vue的webpack插件升级问题 提示：这里简述项目相关背景： 例如：项目场景：示例:通过蓝牙芯片(HC-05)与手机 APP 通信，每隔 5s 传输一批传感器数据(不是很大) 问题描述 compiler.plugin is not a function at HtmlWebpackPlugin.apply yarn add HtmlWebpackPlugin 或者 npm install
vue2 项目升级到vue3之后`npm run build`执行两遍打包
发果叁
06-20 2458
vue2 项目升级到vue3之后执行两遍打包两种办法 修改 ，一般在 中或者单独的 文件中，添加一个 package.json .browserslistrc 分析原因 通过执行 的时候打印的日志可以发现两次打包之前都输出了不一样的日志 正常只执行一次的打包只会输出一种日志 然后我们根据日志输出的关键字在 项目中查找一下，我们执行的是 命令，所以先看这个命令的文件 ，搜索一下关键字 会查找到第 116 行 发现当 为 的时候就会出现打包两次所出现的日志，所以基本可以肯定问题出在这个上
npm run build 打包命令报错，npm i -g npm 后使用任何跟npm相关的命令都报错 的解决方案
ZhuangWei的博客
11-27 1万+
写在开头   文章略长，讲述自己在解决这个问题的心酸历程以及碰到的问题，在此做个记录，也希望能给大家提供点帮助，望大家多多见谅。     漫长而抓狂的解决历程 当你使用 npm run build 命令打包项目报错，提示： 然后你可能觉得莫名奇妙，然后百度一搜，发现百度上面都说你该更新 npm 版本了，于是乎你就更新了（不管你使用哪个更新命令）： npm i -g npm // 或者更新到最新版本 npm install -g npm@latest // 或者更新指定版本 npm npm
npm run build报错解决办法
热门推荐
LYSCR7的博客
06-27 3万+
报错如下 查了网上相关资料： 是因为package.json文件里面没有配置build脚本,所以报以上错误！ 解决办法： 1.在package.json中的scripts中添加build脚本： { "scripts": { "build": "cross-env NODE_ENV=production webpack --config webpack.config.js" } ...
执行npm run build的时候报错怎么办？
WWEIZAI的博客
05-17 9151
执行npm run build的时候报错怎么办？ [webpack-cli] Invalid configuration object. Webpack has been initialized using a configuration object that does not match the API schema.configuration.output has an unknown property ‘publiscPath’. 当我们执行npm run build的时候出现以下错误，说明打包不成
npm run build 报错
dugujiuding的博客
03-06 992
npm run build 报错
vue中npm run build打包报错
w15635748705的博客
05-15 3485
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打包 npm run build-test突然不动了的问题
01-22
输入npm run build-test 突然停在这不动了 what? 不动了？！ 后来google了一下 大家都是人才 运行一下这句话 就动了！！ npm config set registry http://registry.cnpmjs.org 补充知识：vue_test_unit_e2e常见...
解决vue项目运行npm run serve报错的问题
01-18
先来一张报错的截图 先去配置环境变量 C:\Users\lgd\AppData\Local\Programs\Microsoft VS Code\bin的后面配置 ；%SystemRoot%\system32;...补充知识：vue npm run serve报错Cannot find module ‘eslint-plugin
vue中Npm run build 根据环境传递参数方法来打包不同域名
12-12
使用 npm run build -- xxx ，根据传递参数xxx来判定不同的环境，给出不同的域名配置。 1.项目中/config/dev.env.js修改： 新增：HOST: ‘”dev”‘ 'use strict' const merge = require('webpack-merge') const ...
Vue项目执行npm run build 时出现错误的解决办法
做GIS梦的人
07-08 3400
今天在封装自己的npm模块时，出现了一个问题，如下： 之前是可以正常执行的，今天只是将的版本从1.3.0升级到了2.9.1，就无法构建项目了，执行npm run dev是没有问题的。测试更换很多组件都是不解决问题的。extract-text-webpack-plugin这个插件里使用了UglifyJs，而UglifyJs是不支持ES6的语法的。出现这个问题，就是因为mapbox-gl的新版本里使用了ES6的语法。虽然项目里配置了ES6语法自动转ES5，但是看看下面配置就知道了，默认node_modules下
【vue】解决npm run build失败问题
AXIMI的博客
09-02 1万+
问题背景： 弄好了vue项目，想打包成dist，运行npm run build的时候报错如下： 问题说明： 首先，npm run build失败的原因大部分都是因为webpack的子库和webpack的版本号不对应的问题 根据你自己项目的不同，有不同程度的不兼容问题。比如我上面的问题中，显示是"optimize-css-assets-webpack-plugin"这个字库有问题。 有什么问题呢？...
vue项目npm run build报错
hello917的博客
01-18 430
报错信息： building for production…Error processing file: static/css/app.df86e347a94aed52aa7bb0b865b3f053.css…吧啦吧啦一大堆，遇到这类信息不要慌！第一时间还是熟练的打开百度google面向浏览器编程???? 笔者并没有引入mui所以这个问题pass???? 终于找了好久 终于找到解决方案????即修改文件webpac...
本地前端Vue项目npm run dev正常 npm run build失败 报错unexpected token ? in JSON at position 0
woflyoycm的博客
11-01 1440
1 尝试删除package-lock.json后重新build 还是失败 2 尝试npm cache clear --force 然后重新build 还是失败 3 删除node_modules文件夹重新cnpm install 然后重新build 成功 失败时内容如下：

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值