前端开发：npm install报错npm ERR! enoent ENOENT：no such file or …的解决方法

前言

在前端开发过程中，对于 npm的使用频率非常高。但是有时候在使用npm的时候会遇到一些报错，有些是比较常见的，有些是不常见的，这就需要在实际开发中反复不断的总结提炼才行。npm install初始化项目的时候也是比较容易遇到问题的，尤其是在初次初始化项目的时候，本文就来分享一下关于在npm install初始化项目的时候遇到的报错的解决方法。

报错提示

通过npm install初始化项目的时候，项目初始化失败，并且在控制台有如下的报错提示：

npm ERR! code ENOENT
npm ERR! syscall open
npm ERR! path /Users/admin/Documents/Project.3.0.1/src/assets/img/package.json
npm ERR! errno -2
npm ERR! enoent ENOENT: no such file or directory, open '/Users/admin/Documents/Project.3.0.1/src/assets/img/package.json'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent 

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/admin/.npm/_logs/2021-07-16T02_47_23_752Z-debug.log

分析

对于上述报错问题，从字面意思来看，没有path /Users/admin/Documents/Project.3.0.1/src/assets/img/package.json这样的文件或目录。

解决方法

通过终端命令行ls 查看上述package.json文件，具体命令行如下所示：

ls -lt | grep /img/package.json

然后可以看到目录下没有该文件，这就需要排查为什么没有。通过查看项目文件，可以看到，在初始化的时候，把项目的package.json文件路径弄错位置了，未放在项目根目录下，然后又重新创建了一次package.json到项目根目录下。通过对比之后，直接删除了img目录下的package.json文件，最后再次重新npm install初始化项目之后，不再报错，可以重新初始化成功。

延伸

上述解决方法只是针对在实际开发过程中遇到的具体问题的解决方法，不具备代表性。那么接下来分析一下，遇到上述报错的同类问题的解决方法步骤，如下所示：

1、在终端里面输入命令行：

ls -lt | grep XXX

XXX就是你报错提示的那个文件的名字，然后根据ls可以查看具体的问题，然后根据实际情况来对该文件进行对应的操作，比如安装、删除等，操作之后再通过ls命令查看一次该文件，会看到已经没有问题。

2、重新npm install

处理了报错提示的文件之后，再次重新npm install，项目就不再报错，问题解决。