在使用vscode打包前端项目时，npm run build报错

最新推荐文章于 2024-06-30 12:42:11 发布
最新推荐文章于 2024-06-30 12:42:11 发布
阅读量2.6k 收藏 5
点赞数 1
分类专栏： npm 文章标签： npm 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/susu1083018911/article/details/121353273
版权
本文指导如何在VSCode中修复npm build错误，解释了package.json中的'build'命令及其prod配置，以及正确执行生产和开发环境打包的区别：npm run build 和 npm run build:prod。
摘要由CSDN通过智能技术生成

不太熟悉前端项目，在vscode中执行 npm build的时候报错npm ERR! Missing script: "build"，报错信息如下：

我们打开项目根目录下的package.json文件，可以看到build后面跟了：prod

那么我们执行的命令需要修改为：

npm run build:prod

如果上图中build后面没有带prod我们的打包命令还是：

npm run build

susu1083018911
关注
专栏目录
vscode开发工具react前端的打包--发布nginx镜像
shi__lin的专栏
12-25 1107
vscode开发工具react前端的打包–发布nginx镜像 ##vscode打包react前端 使用npm进行打包。 npm install 安装相关的一用 umi builder 打包命令 打包后的文件，放置在 disk文件夹中 编写Dockerfile文件 FROM nginx ADD nginx.conf /etc/nginx/conf.d/default.conf COPY dist /usr/share/nginx/html WORKDIR /usr/share/nginx/html/
使用 vscode 完成 webpack 操作。项目完成后使用 webpack 打包
eeeee1o的博客
03-15 1207
可能因为没有安装某些 loader 报错，通过 npm install ***，来安装对应的 loader 文件。例如 "scripts" 中原本就有 "build"， 此时，如果你添加了一个重复的。这是一个最简单的 Webpack 配置文件，它定义了入口文件。文件中，你需要将这个新添加的打包脚本命令改为不同的名称。文件就会被加载并运行，你的应用程序也会随之启动。打包生成的文件在 webpack 配置中设置的。来运行新添加的webpack打包脚本。5. 如果你想在浏览器中运行打包好的。字段中，键不能重复。
VSCode内npm run build编译打包时候报错：code ELIFECYCLE - （已解决）
热门推荐
草巾冒小子的博客
03-12 1万+
报错：Module build failed: Error: "extract-text-webpack-plugin" loader VUE打包时候报错：code ELIFECYCLE，npm install 正常，npm run build 时报错：code ELIFECYCLE extract-text-webpack-plugin配置出错的解决办法 ...
为什么 npm run serve 正常，npm run build 就报错：digital envelope routines::unsupported
最新发布
前端原创分享，常年坚持记录和分享，全网阅读量超百万
06-30 760
这个错误通常与 Node.js 版本和使用的加密算法有关。
关于 vscode npm run build:prod 报错问题 ：文件名、目录名或卷标语法不正确 node nodejs vscode vue
xdtz_z的博客
07-10 4939
关于 vscode npm run build:prod 报错问题 ：文件名、目录名或卷标语法不正确 node nodejs vscode vue
vscode打包代码
weixin_58431406的博客
06-02 4145
npm run build:prod
如何打包及运行打包后的前端项目
Crayon111的博客
08-01 3778
打包前端项目及运行
HbuiderX 打包Vue-cli3项目遇到的问题小结
m0_47251040的博客
06-02 788
HbuiderX 打包Vue-cli3项目遇到的问题小结 小白一只，最近做了一个简单的vue-cli3的h5应用，在打包时遇到了一些问题，在网上看了很多的博客，也在b站上看了视频，总结一下解决方法。 一、npm run build时运行错误：UnhandledPromiseRejectionWarning 在npm run build时出现如下错误（仅报错提示开头部分代码），可以猜到是css编译错误 Error processing file: static/css/app.177e6d2d6d094128
0706学习日志：webpack打包简单的js项目超详细步骤（包含报错解决）
opoqou的博客
07-06 1560
webpack打包简单的js项目超详细步骤（包含报错解决）
@vue/cli与rimraf 工具包的使用，打包时 calc 报错处理及vuex使用小示例
weixin_40567679的博客
06-07 1678
@vue/cli 实际使用心得 文章目录@vue/cli 实际使用心得小结 components 组件开发 将组件进行细分拆解实现。在我看来，细分下来可以使组件封装变得简单易实现；但是另一方面，个人觉得 dom 结构嵌套太多层对页面渲染是否也有一些压力。目前我还不知道细分太细好处大还是渲染隐患多…待我再去考究一番 使用$attrs 简化 n 层 props 父子传参(如果参数太多，可以简化书写量) 即多层嵌套组件形式，中间层直接向后续层组件使用 v-bind:="$attrs" 传递数据，需要使用数
webpack4 完整单入口项目搭建过程
m0_37613019的博客
09-04 620
webpack4 + jquery + bootstrap 单页项目搭建过程前言软件和包说明1. 搭建过程1.1 创建一个新的项目1.1.1 package.json1.2 安装webpack1.2.1 package-lock.json1.3 前言 本文主要是一次webpack4学习过程的总结，重点放在webpack4逐步与完整的配置过程说明上。不做完整的框架搭建，仅供参考！下文所有包的安装未指定安装的版本，但都会在【软件和包的说明】中标出版本信息，如果在安装或使用过程出现版本问题，请到【软件和包的说明
VScode执行npm run build出错
CSDN_LJJ0303的博客
04-27 1926
本人属于刚入门编程的一枚小白，用vscode执行npm run build时，出现以下错误，但是之前我使用这个命令时是可以正常编译的，网上查了很多解决办法，有的说是端口占用，有的说是8080，我将相应端口的程序kill后没有解决问题，还有的说是80端口占用，但是我并没有找到相关端口占用的问题。 首先出现问题的截图如下图： ![在这里插入图片描述](https://img-blog.csd...
如何在VSCode中打包Vue项目？
2301_76209425的博客
05-13 1042
在配置打包命令前，我们先需要安装Vue Cli。现在，我们已经完成了Vue项目的配置，可以开始打包了。之前，我们需要先安装项目所需的依赖。四、压缩打包后的文件，压缩后的zip文件就是打包好的文件。
前端如何将项目打包部署到服务器
z020729的博客
08-19 1801
本篇文章从前端项目打包开始，逐步完成项目部署到服务器的操作，这次采取的部署方案是通过vscode中Remote-SSH和SFTP两个插件实现项目部署到服务器，并在服务器上通过nginx代理将请求转发到对应的端口。
解决vscode上运行npm命令出错
m_655_的博客
03-04 4100
一般在默认情况下再vscode中对vue项目只能执行简单的build 或者 run 命令，当我们需要在项目中安装插件时执行npm install时就会报错提示无法加载文件，这时候只需对powershell简单设置即可 以管理员身份打开powershell 执行命令：get-ExecutionPolicy，默认显示 Restricted（表示状态是禁止的） 执行命令：set-ExecutionPo...
vscode中执行npm install报错
xlf2020的博客
07-31 3077
记录：vscode执行 npm install报错。 错误信息：npm : 无法将“npm”项识别为 cmdlet、函数、脚本文件或可运行程序的名称。请检查名称的拼写，如果包括路径，请确保路径正确，然后再试一次。 所在位置 行:1 字符: 1 原因：没有权限，以管理员身份打开就好了，配置一下环境变量可以解决。 在Path里面加上vscode的安装路径。 ...
vscode npm run build 本地打包报错如何解决
qq_41147046的博客
11-12 767
npm uninstall image-webpack-loader cnpm install image-webpack-loader npm install --global yarn yarn build
vue打包发布文件npm run build无法显示。。
尹小姐的博客
03-09 7137
vue 打包之后，显示不出来内容，显示找不到css,js,package.json 等等。 原因：vue-cli 升级后，需要写’.’ ———————————————————————————— 修改方法： 1、有两个assetsPublicPath，其中一个是dev,一个是build,只需要将build的assetsPublicPath多加上‘.’,就可以了，dev的如果不报错，就不用...
使用npm run build命令打包前端项目报错npm err
05-05
这个错误可能是由于许多不同的原因造成的，以下是一些可能的解决方案： 1. 检查npm版本是否最新。可以使用npm -v命令检查版本号，并使用npm install -g npm升级到最新版本。 2. 删除node_modules目录并重新安装依赖。使用rm -rf node_modules命令删除node_modules目录，并使用npm install重新安装依赖。 3. 清除npm缓存并重新安装依赖。使用npm cache clean --force命令清除npm缓存，并使用npm install重新安装依赖。 4. 检查package.json文件中的依赖项是否正确。确保所有依赖项的名称和版本号都正确，并且没有任何错误。 5. 确保package.json文件中的scripts配置正确。检查package.json文件中是否有正确的scripts配置，特别是build脚本是否正确。 如果以上方法都无法解决问题，请提供更多信息，例如完整的错误消息和其他上下文，以便更好地帮助您解决问题。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值