vue项目npm run build报错npm ERR! missing script: build（已解决）

最新推荐文章于 2025-03-30 21:26:48 发布
最新推荐文章于 2025-03-30 21:26:48 发布
阅读量8.6w 收藏 129
点赞数 127
分类专栏： 前端学习 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41216743/article/details/105691666
版权
本文描述了一种在Vue项目中遇到的打包错误及其解决方案。错误出现在尝试使用npm run build命令进行打包时，发现package.json文件中的build命令后跟有额外的参数：prod。通过执行npm run build:prod命令，成功解决了打包问题。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

错误描述：

今天准备打包vue项目上线是出现下列错误：
在这里插入图片描述

找了很多解决方法都不行，最后打开自己的package.json文件发现：build后面多了个：prod
在这里插入图片描述

最后执行命令：npm run build:prod
在这里插入图片描述
打包成功！！！

最后说明：

若你的package.json文件是下面这样，则直接执行 npm run build
在这里插入图片描述

若你的package.json文件是下面这样，则直接执行 npm run build : prod
在这里插入图片描述

好了，希望能帮到你，祝你生活愉快！！！！

vue2/3 - 解决报错 npm ERR! missing script: build（在vue2/vue3项目中，执行build将项目打包时，出现报错missing script: build）
高级前端工程师
03-29 4194
vue2，vue3，npm run build，yarn build，项目打包报错，vue项目build打包错误提示missing script: build，vue打包报错npm ERR! missing script: build，报错详细解决方法，打包失败，build命令无法执行怎么办，vue执行bulid后没反应，vue报错，vite报错，webpack报错，vue项目打包上线提示错误，如何解决missing script: build打包错误，在vue2、vue3项目开发时，将项目打包发布 bui
解决启动vue前端报错：npm ERR! Missing script: “serve“
快乐学习
08-01 1万+
一、遇到问题npm ERR! Missing script: "serve" npm ERR! npm ERR! To see a list of scripts, run: npm ERR! npm run npm ERR! A complete log of this run can be found in:二、出现报错的两个原因。 1.输入的命令错误，有可能是npm run dev。这个一个vue2的命令。 2.没有进入正确的目录下去执行启动命令，执行命令在是上一层目录包中导致报错。
Vue：npm ERR！missing script：build
Alanrnzearn的博客
06-29 2537
今天写到一篇博客，标题用了自己的代码提示报错信息。 提交的时候，系统提示我标题含有非法字符，所以就不能发布文章。一开始很奇怪为什么会这样，仔细检查也没有发现标题有什么敏感词汇。 尝试着各种修改，各种查询。 后面发现，目前会提示这样的标题含有非法字符信息的原因： 1）标题含有的转义字符，不可以直接作为标题发出去 2）标题的文字环境需要是在中文环境下进行书写。 ...
Vue：启动报错verbose stack Error: missing script: build
最新发布
一些平时在开发过程中遇到的常见问题，分享给大家
03-30 205
4 verbose stack Error: missing script: build
解决 npm ERR! missing script: build 错误的方法
pleaseprintf的博客
07-24 3万+
在使用 npm 进行前端项目构建时，有时会遇到错误信息 “npm ERR!missing script: build”，该错误通常发生在没有定义构建脚本时。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确配置构建脚本，避免该错误的发生。通过本文的介绍，你了解了 “npm ERR!missing script: build” 错误的原因和解决方法。在执行 npm run在开发过程中，要根据项目需求配置正确的构建脚本，确保项目能够正确构建和部署。希望本文对你有所帮助。
前端打包错误 npm ERR! missing script: build，npm run build无法打包的可能原因及其解决方案
2301_79779756的博客
05-07 4366
在前端开发过程中，当项目需要部署到生产环境时，通常会使用构建工具（如Webpack）对项目进行打包处理，生成可在浏览器中直接运行的文件。这些打包操作通常通过npm脚本来执行，即在package.json文件中定义的scripts字段下的命令。然而，有时开发者可能会遇到npm ERR!missing script: build这样的错误，这意味着npm无法在scripts字段中找到名为build的脚本命令。
在vue项目中遇到npm ERR! missing script:build报错
fujiaran的博客
09-16 8046
1.遇到报错内容：Uncaught Error:[vue-router]route config "component"for path:cannot be a string id. Use an actual component instead. 解决方法：一定一定要检查router路由，这里面你一定有写重复了的或者写错的。 2.遇到npm run build报错内容：npm ERR! missing script:build 解决办法：请看package.json里面的script里面的build是否配
npm ERR! missing script: build
m0_60153106的博客
06-21 8333
1、执行命令：npm run build 时，提示：npm ERR!2、查看 package.json 文件，可以确认 scripts 中并未包含 build 脚本。
npm run build无法打包的可能原因 npm ERR! missing script: build
热门推荐
代码青春
09-03 9万+
结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为 "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build --mode stag...
【异常】ElementUI框架提示npm ERR! missing script: dev
本本本添哥
12-13 1872
【代码】【异常】ElementUI提示npm ERR!
vue打包npm run build时候界面报错的解决
11-20
用coding-pages打开后显示Failed to load resource: the server responded with a ...补充知识：启动vue项目 npm run dev 时报errno -4058 进入到项目目录下，shift+右键 打开cmd 执行 npm install 然后再执行 npm ru
Vue Itea软件里直接npm run build 报错npm ERR！ missing script :build
Lhy_JL的博客
09-11 1746
导致报错的环境： 1、missing script :build； 看了下项目的整个目录： 2、度娘了一番,大多数的解决方案是：查看package.json的内容，比如： 如果是build：prod -----> 对应你输入的指令就是：npm run build:prod --report 3、如第二步 ：本人的项目里有两个package.json文件，本人点开了第一文件，查看： 看图可知本人指令：npm run build 是没错的， 4、后来我把第二个package.j.
解决执行npm run build报错npm ERR! missing script: build
m0_69538493的博客
01-10 550
报错npm ERR!先查看package.json。
npm ERR! missing script:build报错说明
JK酱
06-28 2万+
webpack-bundle-analyzer webpack可视化插件，用来查看一共打了多少个包，每个包的体积和包里面的情况。 /**启动查看/ npm run build --report 结果报错npm ERR! missing script: build，后来发现package.json中scripts参数为 正确： npm run build:test --report /*npm 允许在package.json文件里面，使用scripts字段定义脚本命令。*/ 访问地址：http://lo
vue项目npm run build报错npm ERR! missing script: build
mdd996735325的博客
01-23 604
找了很多解决方法都不行，最后打开自己的package.json文件发现：build后面多了个：prod。若你的package.json文件是下面这样，则直接执行 npm run build : prod。若你的package.json文件是下面这样，则直接执行 npm run build。最后执行命令：npm run build:prod。
【npm run build无法打包的可能原因 npm ERR! missing script: build】
wzgsmile1208的博客
07-20 1915
vue项目打包时报错npm ERR! missing script: build，参考后发现package.json中scripts参数为 "scripts": { "dev": "vue-cli-service serve", "build:prod": "vue-cli-service build", // 注意这里 "build:stage": "vue-cli-service build --mode staging", "preview": "node build/index.js --p
使用npm run build打包项目，报错npm ERR! missing script: build
我是小鹏呀的博客
02-26 1727
1.使用npm run build打包项目，报错npm ERR!missing script: build，截图如下。使用命令为：npm run build:prod。2.解决方法：查看package.json文件。
在vscode中运行vue项目时报错，npm ERR! Missing script: "serve"
11-27
在vscode中运行vue项目时报错，npm ERR! Missing script: "serve"的原因是缺少serve脚本。可以通过以下步骤解决该问题： 1. 确保在项目根目录下有package.json文件，该文件包含了项目的依赖和脚本信息。 2. 在package.json文件中添加serve脚本，例如： ```json "scripts": { "serve": "vue-cli-service serve" } ``` 3. 在终端中运行以下命令安装依赖： ``` npm install ``` 4. 运行以下命令启动项目： ``` npm run serve ``` 如果还是出现类似的错误，可以尝试以下方法： 1. 确保已经安装了vue-cli，可以通过以下命令进行安装： ``` npm install -g @vue/cli ``` 2. 确保已经安装了项目所需的依赖，可以通过以下命令进行安装： ``` npm install ``` 3. 如果还是出现问题，可以尝试删除node_modules文件夹并重新安装依赖： ``` rm -rf node_modules npm install ```
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值