解决vue项目Error:Cannot find module‘xxx’类报错问题

 更新时间:2024年10月14日 10:12:44   作者:loveLifeLoveCoding  
当npm运行报错Error:Cannot find module 'xxx'时,通常是因为node_modules文件或依赖未正确安装,解决步骤包括删除node_modules和package-lock.json文件,重新运行npm install,并根据需要安装额外插件,若网络问题导致安装失败

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.com ,建议切换为手机热点网络。

解决方案 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 Element-ui实现树形控件节点添加图标详解

    Vue Element-ui实现树形控件节点添加图标详解

    这篇文章主要为大家介绍了Element-ui实现树形控件节点添加图标,具有一定的参考价值,感兴趣的小伙伴们可以参考一下,希望能够给你带来帮助
    2021-11-11
  • Vue全局自定义指令Modal拖拽的实践

    Vue全局自定义指令Modal拖拽的实践

    最近一直在做的项目是Vue2搭建的项目,本文主要介绍了Vue全局自定义指令Modal拖拽的实践,文中通过示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-09-09
  • Vue3中引入Pinia存储库使用示例详解

    Vue3中引入Pinia存储库使用示例详解

    这篇文章主要介绍了Vue3中引入Pinia存储库使用,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2023-03-03
  • Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)

    Vue组件间通信方法总结(父子组件、兄弟组件及祖先后代组件间)

    这篇文章主要给大家介绍了关于Vue组件间通信的相关资料,其中包括父子组件、兄弟组件及祖先后代组件间的通信,文中通过示例代码介绍的非常详细,对大家学习或者使用Vue具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-04-04
  • ElementPlus el-message-box样式错位问题及解决

    ElementPlus el-message-box样式错位问题及解决

    这篇文章主要介绍了ElementPlus el-message-box样式错位问题及解决方案,具有很好的参考价值,希望对大家有所帮助。如有错误或未考虑完全的地方,望不吝赐教
    2022-09-09
  • vue3中如何通过ref和$parent结合defineExpose实现父子组件之间的通信

    vue3中如何通过ref和$parent结合defineExpose实现父子组件之间的通信

    这篇文章主要介绍了vue3中通过ref和$parent结合defineExpose实现父子组件之间的通信,Vue3中通过ref和$parent的结合使用,及defineExpose的方法,可以非常便捷地实现父子组件之间的通信,需要的朋友可以参考下
    2023-07-07
  • vue中onmounted周期里获取不到dom的原因及分析

    vue中onmounted周期里获取不到dom的原因及分析

    这篇文章主要介绍了vue中onmounted周期里获取不到dom的原因及分析,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2024-03-03
  • 在IDEA中配置eslint和prettier的全过程

    在IDEA中配置eslint和prettier的全过程

    日常开发中,建议用可以用Prettier做代码格式化,然后用eslint做校验,下面这篇文章主要给大家介绍了关于在IDEA中配置eslint和prettier的相关资料,需要的朋友可以参考下
    2024-02-02
  • vue项目启动后没有局域网地址问题

    vue项目启动后没有局域网地址问题

    这篇文章主要介绍了vue项目启动后没有局域网地址问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教
    2023-09-09
  • vue样式穿透 ::v-deep的具体使用

    vue样式穿透 ::v-deep的具体使用

    这篇文章主要介绍了vue样式穿透 ::v-deep的具体使用,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2020-06-06

最新评论