npm run build 打包时遇到的一些坑

最新推荐文章于 2024-06-30 12:42:11 发布
最新推荐文章于 2024-06-30 12:42:11 发布
阅读量709 收藏 4
点赞数 1
文章标签： npm 前端 node.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_51954294/article/details/134448440
版权

今天从gitee上搞下来的一套前后端分离项目，文档给的打包步骤是

npm i

npm run build

没想到 npm i 时就报错！看了下报错原因和package.json，是node版本太高了，所幸平时用nvm，能随便切不同的版本

nvm简介

nvm（Node Version Manager）是一款用于管理 Node.js 版本的工具，可以轻松地在一个系统中切换和安装多个 Node.js 版本。使用 nvm 可以让你轻松地升级或降级 Node.js 版本，也可以在同一台机器上同时使用多个版本的 Node.js。

nvm下载链接：Releases · coreybutler/nvm-windows · GitHubA node.js version management utility for Windows. Ironically written in Go. - Releases · coreybutler/nvm-windowsicon-default.png?t=N7T8https://github.com/coreybutler/nvm-windows/releases

注意：安装nvm前 一定要把之前安装的node卸载掉 可以win+R ：cmd，在命令行中输入 where node 查看node安装的路径 便于卸载，安装成功后，去node官网下载node，并一定要安装在nvm目录下 ，具体安装步骤可以参考csdn中的其他博客

node切换到14.23版本 npm i 依赖安装成功

在运行npm run build时，报了 npm ERR! missing script: build 错误！

看了网上好多解决方法，很多都是坑，又是卸载项目内的node_modules，又是删除package.json

完全没必要，看你的 package.json 中

直接运行npm run build是打包不了的，而且在这个script中添加配置webpack，还要npm i webpack和webpack-cli，webpack打包时又会报错

"build": "webpack --mode production",

所以直接 npm run build:prod

就ok了！希望能够帮助到您 

墨霜白荼
关注
  • 1
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
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发布包遇到的坑
bidang3275的博客
04-30 437
感觉发布过程中的坑让我踩的差不多了…在这里记录一下 基本流程 先简单记录一下发布流程 初始化包 npm init 登录npm npm login 发布包 npm publish 问题 接下来就是遇到的问题了，每个问题都包含报错信息，请善用ctrl + f搜索，下文报错中涉及到自己包名的我都替换为了your-package。 邮箱未验证 npm ERR! publish Failed PUT 403 npm ERR! code E403 npm ERR! you must verify your ema
vue项目npm run build报错npm ERR! missing script: build（已解决）
相关项目可以查看https://gitee.com/fan-pl或https://github.com/fpl1116
12-21 2521
vue项目npm run build报错npm ERR! missing script: build（已解决）
关于 npm run build 报错问题
qq_48647684的博客
05-12 3221
3.清空 npm 缓存 npm clean cache -f。2.删除 package-lock.js 文件。1.删除 node_modules 包。4.重新下载包 npm i。
为什么 npm run serve 正常，npm run build 就报错：digital envelope routines::unsupported
最新发布
前端原创分享，常年坚持记录和分享，全网阅读量超百万
06-30 655
这个错误通常与 Node.js 版本和使用的加密算法有关。
关于vue打包时 npm run build 命令 报错的解决方法
m0_65450343的博客
06-10 4050
关于vue打包时 npm run build 命令 报错的解决方法
使用npm run build打包项目，报错npm ERR! missing script: build
我是小鹏呀的博客
02-26 1032
1.使用npm run build打包项目，报错npm ERR!missing script: build，截图如下。使用命令为：npm run build:prod。2.解决方法：查看package.json文件。
npm run build 打包命令报错，npm i -g npm 后使用任何跟npm相关的命令都报错 的解决方案
zhuangvi的博客
11-27 1万+
写在开头   文章略长，讲述自己在解决这个问题的心酸历程以及碰到的问题，在此做个记录，也希望能给大家提供点帮助，望大家多多见谅。     漫长而抓狂的解决历程 当你使用 npm run build 命令打包项目报错，提示： 然后你可能觉得莫名奇妙，然后百度一搜，发现百度上面都说你该更新 npm 版本了，于是乎你就更新了（不管你使用哪个更新命令）： npm i -g npm // 或者更新到最新版本 npm install -g npm@latest // 或者更新指定版本 npm npm
npm run build:具体
weixin_34295316的博客
12-25 4710
npm run 流程图 配置文件的流程图 主要配置文件概述 "sit": "cross-env NODE_ENV=production env_config=sit node build/build.js", "uat": "cross-env NODE_ENV=production env_config=uat node build/build.js", "prod": "cross-env ...
npm run build 打包这些玩意
01-08
在开发Web应用时，`npm run build` 是一个常见的命令，用于将...以上就是关于 `npm run build` 命令在打包Web项目时的一些关键知识点和常见问题处理。了解并掌握这些内容，有助于构建高效、稳定、优化的生产环境应用。
vue打包npm run build时候界面报错的解决
10-14
在开发Vue应用的过程中，我们经常会遇到使用`npm run build`命令进行打包时出现错误的情况。这些错误可能由多种原因导致，比如配置问题、依赖缺失、文件路径错误等。本篇文章将详细探讨这些问题，并提供相应的解决...
解决Vue-cli npm run build生产环境打包,本地不能打开的问题
10-17
今天小编就为大家分享一篇解决Vue-cli npm run build生产环境打包,本地不能打开的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
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 ...
npm run build 打包报错 ERROR RangeError: Maximum call stack size exceeded 解决方法
tujin599的博客
06-02 889
3. 删完然后 npm install --save-dev webpack-obfuscator@0.18.2。2. 把 javascript-obfuscator 相关的依赖都删了;1. 打开项目里的 node-modules;然后重新打包就可以了.
执行npm run build的时候报错怎么办？
WWEIZAI的博客
05-17 9266
执行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 ERR! missing script: build，npm run build无法打包的可能原因及其解决方案
2301_79779756的博客
05-07 2112
在前端开发过程中，当项目需要部署到生产环境时，通常会使用构建工具（如Webpack）对项目进行打包处理，生成可在浏览器中直接运行的文件。这些打包操作通常通过npm脚本来执行，即在package.json文件中定义的scripts字段下的命令。然而，有时开发者可能会遇到npm ERR!missing script: build这样的错误，这意味着npm无法在scripts字段中找到名为build的脚本命令。
vue中npm run build打包报错
w15635748705的博客
05-15 3573
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
解决 npm ERR! missing script: build 错误的方法
热门推荐
pleaseprintf的博客
07-24 2万+
在使用 npm 进行前端项目构建时，有时会遇到错误信息 “npm ERR!missing script: build”，该错误通常发生在没有定义构建脚本时。本文将详细介绍出现这个错误的原因，并提供解决方法，确保正确配置构建脚本，避免该错误的发生。通过本文的介绍，你了解了 “npm ERR!missing script: build” 错误的原因和解决方法。在执行 npm run在开发过程中，要根据项目需求配置正确的构建脚本，确保项目能够正确构建和部署。希望本文对你有所帮助。
npm run build 打包报错 - 添加 parallel: false, 解决
工作中遇到问题记录
09-22 1434
npm run build 打包报错 - 添加 parallel: false, 解决
npm run build打包配置
08-24
在进行npm run build打包时，需要进行一些配置。首先，在config文件夹下的index.js文件中，需要修改assetsPublicPath的值为./，以避免打包后出现空白页的问题。其次，在build/util.js文件中，可以进行一些其他的配置，例如修改vue...。 另外，还有两个配置是需要注意的。一是在package.json文件中的scripts属性中添加build命令，以便运行打包命令。二是在根目录下创建vue.config.js文件，并添加如下配置：module.exports = { publicPath: process.env.NODE_ENV === 'production' ? './' : '/' }。这样的配置可以确保在打包过程中正确设置公共路径。 最后，在运行npm run build进行打包后，可以直接运行dist文件夹内的index.html文件来查看打包后的效果。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [npm run build 打包这些玩意](https://download.csdn.net/download/weixin_38657102/14045270)[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_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [npm run build 打包部署](https://blog.csdn.net/weixin_46238369/article/details/119772961)[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_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值