cmd命令行中输入‘webpack‘ 不是内部或外部命令--解决办法

没有检索到摘要

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

使用命令npm install webpack -g 安装webpack后,在cmd命令行输入webpack -v 却报’webpack’ 不是内部或外部命令。问题持续了很久。
首先我们看配置环境
1.参考https://blog.youkuaiyun.com/antma/article/details/86104068配好环境变量
但是我的错误也恰恰也出现在配置文件夹的地方

node.js 安装

我的nodejs是默认安装路径C:\Program Files\nodejs,最开始是安装在其他盘的,但是配置的时候各种问题,后重装改为默认路径

在C:\Program Files\nodejs文件夹内新建两个文件夹用于全局存放依赖包路径,和缓存路径

缓存C:\Program Files\nodejs\node_cache

存放C:\Program Files\nodejs\node_global
在这里插入图片描述
文件夹创建完成后打开命令行输入如下命令 配置路径:

npm config set cache “C:\Program Files\nodejs\node_cache”

回车

输入:
npm config set prefix “C:\Program Files\nodejs\node_global” 回车

(输入指令后,命令行闪一下,不会有任何提示)

webpack 安装

然后webpack分为全局安装,与项目安装(安装在你指定的文件夹内),我这里使用的是全局安装

启动cmd,键入如下的命令:

npm install webpack -g
显示安装成功后,一定要去文件夹中看一看是否真的在node_global文件夹中,我的问题就是它生成在node_cache文件夹中。
此时,打开nodejs的路径C:\Program Files\nodejs\node_global文件夹,发现多了一些东西:
在这里插入图片描述

环境变量配置:

我的电脑——右键属性——高级系统设置——高级———环境变量

分别新建用户变量PATH和系统变量NODE_PATH
在这里插入图片描述
系统变量:
在这里插入图片描述
在安装webpack后出现’webpack’不是内部或外部命令的问题就这里设置不对
PATH和NODE_PATH全部设置为:C:\Program Files\nodejs\node_global。

看到其他的设置方法为 :NODE_PATH属性指向C:\Program Files\nodejs\node_global\node_modules,这样设置并不对,就会导致报不是内部命令
完结,撒花~

0 info it worked if it ends with ok 1 verbose cli [ 1 verbose cli 'E:\\web_study\\node\\nodejs\\node.exe', 1 verbose cli 'E:\\web_study\\node\\nodejs\\node_modules\\npm\\bin\\npm-cli.js', 1 verbose cli 'run', 1 verbose cli 'build' 1 verbose cli ] 2 info using npm@6.14.5 3 info using node@v14.5.0 4 verbose run-script [ 'prebuild', 'build', 'postbuild' ] 5 info lifecycle vue-antd-jeecg@3.4.3~prebuild: vue-antd-jeecg@3.4.3 6 info lifecycle vue-antd-jeecg@3.4.3~build: vue-antd-jeecg@3.4.3 7 verbose lifecycle vue-antd-jeecg@3.4.3~build: unsafe-perm in lifecycle true 8 verbose lifecycle vue-antd-jeecg@3.4.3~build: PATH: E:\web_study\node\nodejs\node_modules\npm\node_modules\npm-lifecycle\node-gyp-bin;E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg\node_modules\.bin;E:\Software\MySQL\mysql-8.0.26-winx64\bin;C:\Program Files (x86)\Common Files\Oracle\Java\javapath;C:\Windows\system32;C:\Windows;C:\Windows\System32\Wbem;C:\Windows\System32\WindowsPowerShell\v1.0\;C:\Windows\System32\OpenSSH\;C:\WINDOWS\system32;C:\WINDOWS;C:\WINDOWS\System32\Wbem;C:\WINDOWS\System32\WindowsPowerShell\v1.0\;C:\WINDOWS\System32\OpenSSH\;E:\web_study\node\nodejs;E:\Git\Git-install\Git\cmd;E:\linux\tools\xshell\;E:\linux\tools\xftp\;E:\Developer\Developer_tools\java\jdk1.8.0_211\bin;C:\Users\SHUAIGE\AppData\Local\Microsoft\WindowsApps;E:\web_study\html\cvcode\Microsoft VS Code\bin;E:\maven\apache-maven-3.8.4\bin;E:\Software\idea\Installation package\IntelliJ IDEA 2020.3.1\bin;;C:\Users\SHUAIGE\AppData\Roaming\npm;E:\web_study\node\nodejs;D:\软件下载\bandizip\ 9 verbose lifecycle vue-antd-jeecg@3.4.3~build: CWD: E:\java-study-item\jeecgboot-vue2\ant-design-vue-jeecg 10 silly lifecycle vue-antd-jeecg@3.4.3~build: Args: [ '/d /s /c', 'vue-cli-service build' ] 11 silly lifecycle vue-antd-jeecg@3.4.3~build: Returned: code: 1 signal: null 12 info lifecycle vue-antd-jeecg@3.4.3~build: Failed to exec build script 13 verbose stack Error: vue-antd-jeecg@3.4.3 build: `vue-cli-service build` 13
03-31
<think>好的,我现在需要解决用户在vue-antd-jeecg项目中执行npm run build失败的问题,错误代码是1,提示vue-cli-service build的问题。根据用户提供的引用内容,我需要逐步分析可能的原因和解决方法。 首先,用户提到npm run build报错,错误信息是找不到vue-cli-service。根据引用[1]、[3]、[5],这通常是因为依赖未正确安装。可能的解决步骤包括删除node_modules和package-lock.json,然后重新安装依赖。此外,引用[4]提到使用yarn安装可能更可靠,而引用[2]则讨论了production设置的影响,可能需要调整npm的配置。 接下来,我需要整理这些信息,分步骤说明解决方法。首先检查是否存在node_modules目录,如果没有,需要执行npm install。如果已经存在,可能需要清除缓存并重新安装。另外,使用yarn代替npm可能有效,特别是项目可能推荐使用yarn。同时,检查npm的production设置是否正确,确保在开发环境下不要启用production模式,因为这会跳过开发依赖的安装,而vue-cli-service属于开发依赖。 可能还需要确认package.json中的scripts部分是否正确,是否有build脚本指向vue-cli-service build。此外,检查项目结构,确认vue-cli-service的路径是否存在,有时候路径错误文件缺失会导致问题。 用户可能已经尝试过npm install,但可能由于缓存问题安装中断导致依赖不完整。因此,清理缓存、删除lock文件和node_modules后重新安装是关键步骤。如果使用npm无效,换用yarn可能解决依赖解析的问题。 最后,如果问题依旧存在,可能需要检查项目本身的配置查看是否有已知的问题在jeecg的issue中,者环境问题如Node.js和npm版本是否符合要求。</think>针对`vue-antd-jeecg`项目执行`npm run build`失败的问题(错误代码1,提示`vue-cli-service build`),以下是逐步排查与解决方法: --- ### **步骤1:清理缓存与重新安装依赖** 1. **删除现有依赖与锁定文件** 在项目根目录下执行以下命令,清除可能损坏的依赖: ```bash rm -rf node_modules/ package-lock.json yarn.lock ``` 2. **清理npm缓存** ```bash npm cache clean --force ``` 3. **重新安装依赖** - 如果项目推荐使用`yarn`(如引用[4]): ```bash npm install -g yarn # 全局安装yarn(如未安装) yarn install # 使用yarn安装依赖 ``` - 如果使用`npm`: ```bash npm install ``` --- ### **步骤2:检查npm生产模式配置** 根据引用[2],`npm`的`production`模式可能导致开发依赖缺失(`vue-cli-service`属于开发依赖): 1. **查看当前配置** ```bash npm config get production ``` - 如果返回`true`,需关闭生产模式: ```bash npm config set production false ``` 2. **重新安装依赖** ```bash npm install ``` --- ### **步骤3:验证vue-cli-service路径** 确保`vue-cli-service`存在于`node_modules/.bin`目录中: 1. 检查文件是否存在: ```bash ls node_modules/.bin/vue-cli-service ``` - 如果不存在,说明依赖安装不完整,需重复**步骤1**。 --- ### **步骤4:检查Node.js与npm版本** 1. **Node.js版本** 确保使用`Node.js 14.x`更高版本(Vue CLI要求)。 ```bash node -v ``` 2. **npm版本** 升级到最新稳定版: ```bash npm install -g npm@latest ``` --- ### **步骤5:检查项目配置** 1. **查看`package.json`脚本** 确认`build`脚本是否正确: ```json "scripts": { "build": "vue-cli-service build" } ``` 2. **检查项目结构** 确保项目根目录包含`vue.config.js`(如有自定义配置)且无语法错误。 --- ### **步骤6:参考项目特定解决方案** 如果问题仍存在,参考`jeecg`官方文档GitHub仓库的Issue,可能存在已知的构建配置问题。例如: - 调整`babel``webpack`配置 - 排除特定依赖冲突(如引用[2]中提到的生产环境设定) --- ### **最终修复命令示例** ```bash # 清理环境 rm -rf node_modules package-lock.json npm cache clean --force # 使用yarn安装(推荐) npm install -g yarn yarn install # 重新构建 npm run build ``` ---
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值