使用vue-element-admin的后台模板踩坑之路 【Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRu】

vue-element-admin是一个后台管理模板,刚接触这个东西是在上学的时候参加比赛的时候做项目用的一个模板,但是这个可没少踩坑呀,尤其是在他的依赖包这一块真的搞得头都要裂开了。这次的问题就是我之前做好了项目放在了线上代码仓库中,这次要用之前见过了快半年吧,今天拉下来但是安装依赖包的时候我直接npm install直接跑了几分钟都没有跑好,这一看直接放弃,换一个镜像命令继续跑npm install --registry=https://registry.npm.taobao.org --loglevel=silly,然后继续npm run dev,如果还是报错,和下面的错一样,那按照下面的步骤应该可以跑起来

  1. 首先第一点就是当你安装完依赖包的时候npm run dev结果出现了以下报错:
    报错图片
    然后我们利用npm info webpack命令来检查以下webpack的版本如果版本超过了四(下图是我的超过了四)那就是用npm install webpack@4 --save-dev来指定他的版本(这里的版本不能超过四),这里完成试一试看能不能跑起来,如果还是报错和第一个错误一致,这个时候我们先执行npm i vue-loader(vue-loader:解析和转换 .vue 文件,提取出其中的逻辑代码 script、样式代码 style、以及 HTML 模版 template,再分别把它们交给对应的 Loader 去处理。)在这里插入图片描述
    然后升级一下npm update vue-loader最后就能跑起来了
    在这里插入图片描述
  • 7
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值