关于 npm run buildprod 报错问题：文件名、目录名或卷标语法不正确

Love The Way You Lie 2023-09-23 18:10 140阅读 0赞

### 引言 ###

vue开发基本完成后进行打包时出现错误，这个错误以前没有遇到过，所以在这里激励

[参考文章1][1]

[参考文章2][2]

### 问题描述 ###

在idea中运行`npm run build:prod`打包vue时出现报错

E:\Allworkspaces\idea-workspace\Project\vue-project\my-blog\vue-admin-template>npm run build:prod
    
    > vue-admin-template@4.4.0 build:prod
    > vue-cli-service build
    
    文件名、目录名或卷标语法不正确。

具体报错的原因不太清楚，下面有个可以大概解决的方案

自我感觉报错的原因是npm的版本原因

### 解决问题 ###

#### 方式1 ####

1.  执行`npm cache clean --force`
2.  删除`node_modules`
3.  删除`package-lock.json`
4.  执行`npm install`

#### 方式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"

开始配置环境变量

![在这里插入图片描述][70c5df1cdecadc35eeacec07924fa1de.png]

**然后重启电脑**

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

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

### 总结 ###

我解决问题的方式是结合了两种方式，先把环境变量的配置好，然后电脑重启在idea中去执行`方式1`后进行打包,但是这个时候还是错的，于是我就又执行了 `npm install npm`，然后再次执行打包，这个时候就没有报错了

然后我再次查询我npm的版本，发现由原来的8.\*版本升级到了9.1.3

[1]: https://blog.csdn.net/xdtz_z/article/details/125711753?spm=1001.2101.3001.6650.16&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-125711753-blog-117477683.pc_relevant_default&depth_1-utm_source=distribute.pc_relevant.none-task-blog-2%7Edefault%7EBlogCommendFromBaidu%7ERate-16-125711753-blog-117477683.pc_relevant_default&utm_relevant_index=17
[2]: https://blog.csdn.net/feifeia007/article/details/117477683
[70c5df1cdecadc35eeacec07924fa1de.png]: https://img-blog.csdnimg.cn/img_convert/70c5df1cdecadc35eeacec07924fa1de.png