解决vue项目报Error: Cannot find module ‘xxx’这类错误的方法

现发现只要是报错 Error: Cannot find module ‘xxx’（例如 Error: Cannot find module ‘webpack’）这类的问题都可以用下面的方法解决。

报错内容如下：

运行 npm install 没问题，运行 npm run serve 就会报错：

Error: Cannot find module ‘webpack’

解决方案：

• 到项目文件夹下，删除 node_modules 文件和 package-lock.json 文件。注意不是 package.json（如果删不掉，看下项目是不是打开了，关了再试试）
• 在项目下运行npm install
• 继续运行npm run dev(这里不一定是 dev，要根据自己实际项目中的配置来，就是启动项目就行)

后面如果报需要安装什么插件，再继续安装插件，重启即可。一定要删除 package-lock.json 不然没有效果！！

安装依赖时错误：fatal: repository ‘https://github.com/nhn/raphael.git/’ not found

vue 项目 npm i 安装依赖失败：

npm ERR! Error while executing:
npm ERR! d:\Git\cmd\git.EXE ls-remote -h -t https://github.com/nhn/raphael.git
npm ERR! fatal: unable to access 'https://github.com/nhn/raphael.git/': OpenSSL SSL_read: Connection was reset, errno 10054
npm ERR!
npm ERR! exited with error code: 128
 
npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\glq\AppData\Roaming\npm-cache\_logs\2021-08-05T01_57_51_837Z-debug.log

解决方案 1：

当前网络无法访问 github，建议切换为手机热点网络。

解决方案 2：

1、配置淘宝镜像

npm install --registry=https://registry.npm.taobao.org //单次使用
 
npm config set registry https://registry.npm.taobao.org //永远使用

配置完成后检验是否成功：

npm config get registry //或者下一行
 
npm info express//或者上一行

2、再次安装

npm i

注意：如果想还原 npm 仓库地址，只需再把地址配置成 npm 镜像就可以了。

npm config set registry https://registry.npmjs.org/

以上关于解决vue项目报Error: Cannot find module ‘xxx’这类错误的方法的文章就介绍到这了，更多相关内容请搜索码云笔记以前的文章或继续浏览下面的相关文章，希望大家以后多多支持码云笔记。