一篇解决全部疑惑，从头到尾实现npm run serve

六种报错一篇击破！

报错1：npm ERR！code ENOENT npm ERR！ syscall open

报错（新增）：npm ERR! code ERESOLVE    npm ERR! ERESOLVE unable to resolve dependency tree
报错2：Error: Cannot find module ‘xxx’
报错3：These dependencies were not found: * @/
报错4：node_modules中的错误
报错5：Error loading vue.config.js

从头开始运行的步骤如下：

1.看文件夹确定有无package.json文件，得有才能往下走。

2.在终端，npm install→文件夹出现node_modules文件

情况1：顺利运行

情况2：报错：npm ERR！ code ENOENT npm ERR！ syscall open

原因：找不到package.json，

解决方法：

• 把package-lock.json删除掉，并把npm install运行生成的文件node_modules也删掉；
• npm install→成功！

情况3：报错：

npm ERR! code ERESOLVE

npm ERR! ERESOLVE unable to resolve dependency tree

解决方法：npm install --legacy-peer-deps

原因： --legacy-peer-deps标志是在v7中引入的，目的是绕过peerDependency自动安装；它告诉 NPM 忽略项目中引入的各个modules之间的相同modules但不

同版本的问题并继续安装，保证各个引入的依赖之间对自身所使用的不同版本modules共存。

3.npm run serve

情况1：无报错，顺利运行

情况2：报错 2Error: Cannot find module ‘xxx’（这类的问题都可以用下面的方法解决。）

eg：Error: Cannot find module 'E:\project\work1\node_modules\copy-web

eg：Error: Cannot find module 'punycode.js'.

eg：Error Cannot find module ‘@vuecli-plugin-babel‘   没错，我错了好几次

解决方法：（也可以直接看方法三，稍复杂但成功率最高）

方法一：

1.删除  package-lock.json

2.npm install xxx,（xxx指的是你计算机找不到的那个模块 比如application）或者cnpm i xxx（使用淘宝镜像）或者npm install webpack-cli -g （全局安装，其他失败了，可以试一下全局）

（淘宝镜像下载：npm install -g cnpm --registry=https://registry.npm.taobao.org）

3.npm run serve

方法二（如果方法一不行）：

• 把原本已生成的node_modules和 package-lock.json 文件删除（可以备份）。注意不是package.json
• 重新使用npm install命令下载依赖
• 重新启动项目npm run serve(这里也可能是dev，要根据自己实际项目中的配置来)
• 后面如果报需要安装什么插件，删除  package-lock.json后再继续安装插件，重启即可。
• npm run serve

方法三（如果还是不行，就加一步（第二步））：

• 把原本已生成的node_modules和 package-lock.json 文件删除（可以备份）。注意不是package.json
• npm install xxx（提前安装插件）
• 重新使用npm install命令下载依赖，就得到了好的，完整的依赖
• 重新启动项目npm run serve(这里也可能是dev，要根据自己实际项目中的配置来)
• 后面如果报需要安装什么插件，删除  package-lock.json后再继续安装插件，重启即可。
• npm run serve

情况3：情况2继续运行，出现新报错3：

发现错误：These dependencies were not found: * @/assets/img/icon/icon_state/icon1.png in ./

比如   *../config.js in ./src/store/index.js

意思就是：（从in.这里把前后划分开，前面是引入的文件，后面是写的代码来引入前面的文件，就是import）在src/store/index.js文件中，引入（import）了config.js,但是电脑找不到对应的文件。

解决方法：

1.打开index.js文件，去看一下

2.根据上图说明的config.js的位置，(index.js文件里import时也会说config.js的位置)，去看一下这个位置到底有没有config.js，名字有没有错误。

其他几个也是这样解决。

按Enter键

情况4：情况3继续运行，出现新报错4：node_modules中的错误

运行到98%了，然后我去找了icon1.png所在的位置，发现文件夹命名错了。

（也有其他回答说，有的模块存在版本问题，我这个不是）

按Enter键，运行成功！！！

另有错误：

npm run serve 后突然报错：Error loading vue.config.js

但我忘记怎么解决的了，也可能是不断操作中，出现了新的上面的错误，可以按照上面走一下。

多多尝试，道路逐渐清晰，会成功的！！！如果对你的问题有帮助，点个赞吧