关于 vscode npm run build:prod 报错问题 :文件名、目录名或卷标语法不正确 node nodejs vscode vue

这篇博客主要介绍了在使用Vue.js开发过程中遇到的`npm run build:prod`命令执行时报错‘文件名、目录名或卷标语法不正确’的问题。作者分析了问题产生的原因可能是Node.js全局安装路径导致,并提供了两种解决方案:一是重新安装VSCode或Node.js,二是修改Node.js的全局模块路径和缓存路径。通过配置环境变量并重启电脑后,问题得到了解决。
摘要由CSDN通过智能技术生成

关于vscode npm run build:prod报错问题
文件名、目录名或卷标语法不正确
node nodejs vscode vue

nodejs 版本 v16.16.08.11.0
自带的npm 版本 8.11.0

问题描述

vscode 终端报错如下:

....
> vue-element-amdin@4.4.0 build:prod
> vue-cli-service build

文件名、目录名或卷标语法不正确
....

第一 问题由来

删除本地node_modules 依赖包  在 npm install 时候 报如下错误:

	A complete log of this run can be found in:
	npm ERR!     C:\Users\64890\AppData\Roaming\npm-cache\_logs\2020-10-06T01_10_05_787Z-debug.log
	

之前处理过类似问题
就是 执行npm cache clean --force(清理缓存) 再执行 npm install
一般情况是可以成功的 如果不行 就找到 .npmc
终端 执行 npm config list就可以找到.npmc的位置

现在说一下 出现文件名、目录名或卷标语法不正确这个报错
是因为 nodejs 全局安装的问题,在 终端 执行了:
npm install npm -g // 全局更新
执行 npm run dev 正常
执行 npm run build:prod 报错:文件名、目录名或卷标语法不正确

第二 解决的方法

1.重装 vscode 不行
2.重装 nodejs 不行

做法如下:
方法1: 执行 npm install npm
如果不行 见方法2
方法2: 配置 nodejs 环境变量 改变nodejs的下载依赖包路径
安装完nodejs后,也同时安装了npm,npm是nodejs中下载依赖包的命令,管理nodejs中的依赖包,下载依赖包时默认下载的路径是C:\Users\Administrator\AppData\Roaming\npm,可以通过cmd输入npm root -g查看
我们也可以把包的路径放到nodejs安装的路径下面,先在安装路径下创建两个文件夹
node_global 、node_cache

然后在cmd中输入以下命令:

npm config set prefix "D:\Program Files\nodejs\node_global"
npm config set cache "D:\Program Files\nodejs\node_cache"

配置环境变量
在这里插入图片描述

重启电脑

尝试 执行
cmd执行 npm -v
如果显示 版本号 可执行:
npm run build:prod
如果 可以 就OK
不行 vscode 执行终端 npm install npm

再不行 执行顺序变一下
先 vscode 执行终端 npm install npm
再配置 nodejs 环境变量

亲测正常,具体问题 具体分析!谢谢!

特别鸣谢:
https://blog.csdn.net/zjjcchina/article/details/124382352

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值