解决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使用Less与Scss实现主题切换方法详细讲解

    Vue使用Less与Scss实现主题切换方法详细讲解

    目前,在众多的后台管理系统中,换肤功能已是一个很常见的功能。用户可以根据自己的喜好,设置页面的主题,从而实现个性化定制。目前,我所了解到的换肤方式,也是我目前所掌握的两种换肤方式,想同大家一起分享
    2023-02-02
  • 详解vuex commit保存数据技巧

    详解vuex commit保存数据技巧

    这篇文章主要介绍了详解vuex commit保存数据技巧,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2018-12-12
  • vue动画之点击按钮往上渐渐显示出来的实例

    vue动画之点击按钮往上渐渐显示出来的实例

    今天小编就为大家分享一篇vue动画之点击按钮往上渐渐显示出来的实例,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2018-09-09
  • vue3+ts 兄弟组件之间传值的实现

    vue3+ts 兄弟组件之间传值的实现

    Vue3是一款流行的前端框架,它支持多种传值方式,包括兄弟组件之间的传值,本文主要介绍了vue3+ts 兄弟组件之间传值的实现,具有一定的参考价值,感兴趣的可以了解一下
    2023-11-11
  • vue中使用echarts并根据选择条件动态展示echarts图表

    vue中使用echarts并根据选择条件动态展示echarts图表

    虽然老早就看过很多echarts的例子, 但自己接触的项目中一直都没有真正用到过,直到最近才开始真正使用,下面这篇文章主要给大家介绍了关于vue中使用echarts并根据选择条件动态展示echarts图表的相关资料,需要的朋友可以参考下
    2023-12-12
  • vue el-table实现多选框回填的示例代码

    vue el-table实现多选框回填的示例代码

    摘要:Vue多选框回填是实现表单数据高效处理的常见需求,本文主要介绍了vue el-table实现多选框回填的示例代码,具有一定的参考价值,感兴趣的可以了解一下
    2024-01-01
  • Vue中ref和$refs的介绍以及使用方法示例

    Vue中ref和$refs的介绍以及使用方法示例

    这篇文章主要给大家介绍了关于Vue中ref和$refs使用方法的相关资料,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧
    2021-01-01
  • vue与react详细

    vue与react详细

    react在中后台项目中由于在处理复杂的业务逻辑或组件的复用问题比vue优雅而被人认可,但也更需要团队技术整体比较给力,领头大佬的设计与把关能力要更优秀,因此开发成本更大,下面文章就来详细介绍,需要的朋友可以参考下
    2021-09-09
  • vue实现全选功能

    vue实现全选功能

    这篇文章主要为大家详细介绍了vue实现全选功能,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-10-10
  • VUE项目axios请求头更改Content-Type操作

    VUE项目axios请求头更改Content-Type操作

    这篇文章主要介绍了VUE项目axios请求头更改Content-Type操作,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07

最新评论