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

最新推荐文章于 2024-05-07 13:36:05 发布
最新推荐文章于 2024-05-07 13:36:05 发布
阅读量8.4w 收藏 123
点赞数 124
分类专栏： 前端学习 文章标签： vue npm
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41216743/article/details/105691666
版权
错误描述：

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

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

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

最后说明：

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

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

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

不忘初心Eternity
关注
专栏目录
npm run build报Cannot find module错误的解决方法
邓邓子的博客
09-20 441
删除 node_modules 目录，再重新执行 npm install 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...
vue2/3 - 解决报错 npm ERR! missing script: build（在vue2/vue3项目中，执行build将项目打包时，出现报错missing script: build）
高级前端工程师
03-29 3562
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:build报错
fujiaran的博客
09-16 7896
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 错误的方法
pleaseprintf的博客
07-24 2万+
在使用 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 3041
在前端开发过程中，当项目需要部署到生产环境时，通常会使用构建工具（如Webpack）对项目进行打包处理，生成可在浏览器中直接运行的文件。这些打包操作通常通过npm脚本来执行，即在package.json文件中定义的scripts字段下的命令。然而，有时开发者可能会遇到npm ERR!missing script: build这样的错误，这意味着npm无法在scripts字段中找到名为build的脚本命令。
解决启动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.没有进入正确的目录下去执行启动命令，执行命令在是上一层目录包中导致报错。
【异常】ElementUI框架提示npm ERR! missing script: dev
本本本添哥
12-13 954
【代码】【异常】ElementUI提示npm ERR!
在vscode中运行vue项目时报错，npm ERR! Missing script: "serve"
11-27
在vscode中运行vue项目时报错，npm ERR! Missing script: "serve"的原因是缺少serve脚本。可以通过以下步骤解决该问题： 1. 确保在项目根目录下有package.json文件，该文件包含了项目的依赖和脚本信息。 2. 在...
Vue Itea软件里直接npm run build 报错npm ERR！ missing script :build
Lhy_JL的博客
09-11 1691
导致报错的环境： 1、missing script :build； 看了下项目的整个目录： 2、度娘了一番,大多数的解决方案是：查看package.json的内容，比如： 如果是build：prod -----> 对应你输入的指令就是：npm run build:prod --report 3、如第二步 ：本人的项目里有两个package.json文件，本人点开了第一文件，查看： 看图可知本人指令：npm run build 是没错的， 4、后来我把第二个package.j.
npm ERR! missing script: build
m0_60153106的博客
06-21 7699
1、执行命令：npm run build 时，提示：npm ERR!2、查看 package.json 文件，可以确认 scripts 中并未包含 build 脚本。
Vue：npm ERR！missing script：build
Alanrnzearn的博客
06-29 2466
今天写到一篇博客，标题用了自己的代码提示报错信息。 提交的时候，系统提示我标题含有非法字符，所以就不能发布文章。一开始很奇怪为什么会这样，仔细检查也没有发现标题有什么敏感词汇。 尝试着各种修改，各种查询。 后面发现，目前会提示这样的标题含有非法字符信息的原因： 1）标题含有的转义字符，不可以直接作为标题发出去 2）标题的文字环境需要是在中文环境下进行书写。 ...
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
【npm run build无法打包的可能原因 npm ERR! missing script: build】
wzgsmile1208的博客
07-20 1868
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 1327
1.使用npm run build打包项目，报错npm ERR!missing script: build，截图如下。使用命令为：npm run build:prod。2.解决方法：查看package.json文件。
Missing script: “build“
qq_40055200的博客
07-16 2947
失败的主要原因是package.json中scripts参数为 "scripts": { "dev": "vue-cli-service serve --open", "build:prod": "vue-cli-service build", "build:stage": "vue-cli-service build", "build:development": "vue-cli-service build --mode development", "preview": "n...
VUE项目执行 npm run build 报错 npm ERR! code ELIFECYCLE npm ERR! errno 134 内存溢出
08-24
当执行VUE项目的`npm run build`命令时，报错`npm ERR! code ELIFECYCLE`和`npm ERR! errno 134`表示出现了内存溢出的问题。内存溢出是指程序在运行过程中申请的内存超过了系统所能提供的内存限制。为了解决这个问题，可以尝试以下方法： 1. 首先，可以尝试增加Node.js的内存限制。可以使用命令`npm install -g increase-memory-limit`安装一个增加内存限制的工具，并执行`increase-memory-limit`命令进行内存限制的增加。 2. 如果增加内存限制后仍然出现问题，可以尝试优化项目的打包配置。可以检查webpack的配置文件`webpack.config.js`，尝试减小打包后的文件大小，例如使用代码分割、压缩图片等方式来减少内存占用。 3. 另外，也可以尝试清除缓存并重新安装项目的依赖。可以执行以下命令： ``` rm -rf node_modules rm package-lock.json npm cache clear --force npm install ``` 这些命令会先移除原项目的`node_modules`模块和`package-lock.json`文件，然后清除npm的缓存，最后重新安装项目的依赖。 通过以上方法，应该能够解决VUE项目在执行`npm run build`时遇到的内存溢出问题。如果问题仍然存在，可以查看具体的错误日志，日志文件一般位于`/Users/lijie/.npm/_logs/`目录下，查看日志中的详细错误信息以便进行进一步的排查。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [Vue项目报错：npm ERR! code ELIFECYCLE npm ERR! errno 126](https://blog.csdn.net/z591102/article/details/107018255)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *3* [VUE项目执行npm run dev报错 npm ERR! code ELIFECYCLE npm ERR! errno 134 npm ERR wisdom-shipping-agent...](https://blog.csdn.net/xianbei4273/article/details/126387259)[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^v93^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 20
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值