要说的话

记一次寻找很多日的错误，也许并不能适用于所有该类问题报错，但是可以提供一个思路，错误如下

npm ERR! code ERR_INVALID_URL
npm ERR! Invalid URL
npm ERR! A complete log of this run can be found in:
npm ERR!     D:\nodejs\node_cache\_logs\2022-10-20T14_58_02_823Z-debug-0.log

前情：之前已经下载成功并创建成功和运行过vue项目，然而在多月后又打开，创建项目失败，我此时是一脸懵13，

Cannot read properties of undefined (reading ‘indexOf‘)

 当时也是在网上找，看到有博主说要安装一个yarn管理器，于是跟着配置，然而仍然无法解决该问题，寻求无果后，想到了重装，但是多次重装后，仍然是同样的错误，我就改变了安装的路径装在了d盘，至此开启了悲惨的三天找bug之路

首先 可以看到node与npm都已经成功安装

vue脚手架安装报错npm ERR! code EPERM

最开始考虑版本问题，在验证了node和npm版本后，将手伸向脚手架版本，尝试降低版本vue脚手架安装报错npm ERR! code EPERM

 但是结果证明并不是版本冲突的问题

解题思路

正确debug姿势，辗转找了前端大佬帮忙解决的，这里详细记录一下他寻找这种错误的方法

查看配置信息 对症下药

需要要管理员的身份打开命令行

npm congif list

可以看到我的文件没有装在一个盘所以要配置路径

vue脚手架安装报错npm ERR! code EPERM

 看到圈圈圈起来的红色部分了吗，复制下来，去电脑中找找，找到这个文件，这里面是路径，不要让他有多余的东西，只要这两行就可以啦，解决代理问题vue脚手架安装报错npm ERR! code EPERM

 配置环境变量

将刚刚查到的prefix中的路径，复制一下添加到path中，解决路径问题

vue脚手架安装报错npm ERR! code EPERM

再次安装脚手架

 使用命令

npm i -g @vue/cli@5.0.8

我这里装的是这个，如果担心再出错，所有的版本可以跟我的保持一致

vue脚手架安装报错npm ERR! code EPERM

 装载前可以添加镜像，加快速度

npm config set registry https://registry.npmmirror.com

之后用cnpm命令添加，后面加上@可以指定版本，跟npm用法一致

cnpm install -g @vue/cli

看到下面这些我已经开心的大笑了哈哈

vue脚手架安装报错npm ERR! code EPERM

 vue脚手架安装报错npm ERR! code EPERM

salute 成功创建并运行

vue脚手架安装报错npm ERR! code EPERM

问题总结：

  1. 代理url的问题
  2. 环境变量的问题

另外建议不要再c盘创建项目，容易出现权限问题

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。