Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法

出现npm ERR! code ENOENT错误一般是npm命令的文件夹出错了,看看你命令的文件夹是否是你创建项目名的文件夹,换个文件夹就好了

1:首先 win+r cmd 确认镜像是不是淘宝镜像

npm config get registry

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第1张图片

不是的话更改一下镜像

npm config set registry=https://registry.npm.taobao.org/

 2:打开你创建项目的文件夹

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第2张图片

创建项目名

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第3张图片

记住你创建的项目名称,到时候需要进入这个文件夹npm install

接下来正常执行之前的步骤

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第4张图片

如果按之前的直接npm install的话 会出现err错误,最简单的就是需要cd 你的项目名

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第5张图片

再 npm run dev 以下也会出现错误 

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第6张图片

我们也可以在VS Code中打开我们cmd的文件夹查看(打开这个文件夹就是错误的,应该打开它内部创建的项目名文件夹!)

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第7张图片

还是报错 

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第8张图片

现在我们打开cmd文件夹中的项目文件夹

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第9张图片

 再 npm install 一下发现nmp运行包可以安装成功

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第10张图片

npm run dev也可以运行 

Vue创建新项目时出现npm ERR! code ENOENT错误的解决办法_第11张图片

最终发现,我们之所以在命令提示符中的npm命令和VS Code中的npm命令出现npm ERR code ENOENT错误只是因为文件夹在错的文件夹中进行npm命令罢了,平时一定多细心

谢谢你的观看

你可能感兴趣的:(前端,npm,vue,node.js,vue.js,npm,前端,node.js)