关于 Error: Cannot find module ‘webpack/lib/RuleSet‘ 的详细解决方法(亲测有效)- 以及删除脚手架的方法

这篇具有很好参考价值的文章主要介绍了关于 Error: Cannot find module ‘webpack/lib/RuleSet‘ 的详细解决方法(亲测有效)- 以及删除脚手架的方法。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

      对于出现的这个错误,之前我也尝试了网上的多种解决方案,最终经过测试后,是通过将原来的 @vue/cli  版本降级到 4.5.15 版本,最后再重新安装 node_modules 包 才得以解决。

     下面是我将介绍怎么安装 4.5.15 版本的脚手架等。

(1)首先需要卸载全局安装的 @vue/cli (之前我安装的是 5.0.8 版本)

npm uninstall -g @vue/cli

/* 
  当然,你也可以先执行 

   yarn cache clean --force

  清除一下缓存,都没问题
  
*/

  webpack/lib/ruleset,Vue,webpack,前端,node.js

(2)查看 @vue/cli 脚手架 是否完全的卸载掉(如果没有完全卸载掉原先版本的脚手架,那么会与后面安装的 4.5.15  版本发生冲突)

vue --version

webpack/lib/ruleset,Vue,webpack,前端,node.js

 从提示可以发现,我们的 @vue/cli 还在,并没有被删除掉。这个原因是之前安装的脚手架的数据没有完全删除掉,这个很关键

 下面我们在执行 where vue 查看之前安装的 @vue/cli 的数据位置

(3)执行 where vue 查看当前的 @vue/cli 安装的数据的位置

where vue

webpack/lib/ruleset,Vue,webpack,前端,node.js

 可以发现,有两个文件, vue 与 vue.cmd, 这两个文件在 c 盘中。然后我们复制这个路径到 c 盘中, 将这两个 文件删除掉即可。

当然,也有可能这两个文件不在 c 盘,一样的道理,到 where vue  的路径下把它们删除即可。

webpack/lib/ruleset,Vue,webpack,前端,node.js

(4)然后再次执行 vue --version 查看脚手架是否还存在(此处我使用的是 cmd 来查看,在 git 中查看也行,但可能提示跟 cmd 的不一样,为了示范效果,我选择使用 cmd)

vue --version

webpack/lib/ruleset,Vue,webpack,前端,node.js

 可以看到,这时就不存在 脚手架了,就说明已经删除掉了。

(5)开始安装脚手架

npm install -g @vue/cli@4.5.15

 安装完成后,你可以先查看是否安装成功,执行 vue --version 

(6)手动删除掉原先项目的依赖包 node_modules ,然后重新安装依赖包执行

     (这步也很关键

npm install

  最后,在重新运行,就发现可以运行成功了。。。。泪目,泪目,之前虽然安装了 4.5.15 版本,但因为没有重新安装依赖包,所以运行时依旧报这个错误~~。

(7) 总结

     综上所述, 关于这个报错  “Error: Cannot find module ‘webpack/lib/RuleSet”的原因,有可能是因为当前的脚手架版本与当前项目所依赖的包存在个别的不匹配,导致脚手架在运行项目时缺少了相关的包,而我之前的脚手架版本就是最新的版本,所以需要降一下脚手架版本试试,然后就成功了。当然,仅个人看法。

如果有其它解决办法,欢迎兄弟们交流交流~~~~文章来源地址https://www.toymoban.com/news/detail-716296.html

到了这里,关于关于 Error: Cannot find module ‘webpack/lib/RuleSet‘ 的详细解决方法(亲测有效)- 以及删除脚手架的方法的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 出现Error: Cannot find module ‘compression-webpack-plugin‘错误

    解决:npm install --save-dev compression-webpack-plugin@1.1.12 版本问题

    2024年02月13日
    浏览(45)
  • vue项目关于:Error Cannot find module ‘xxx\bin\vue-cli-service.js‘的解决方案

    从新项目上拷贝下来的文件在‘npm run serve’运行时遇到了Error Cannot find module ‘xxxbinvue-cli-service.js这样的报错 遇到了这种问题解决的方法如下: 首先检查上一级或者上几级的文件夹命名,一般为了较好区分项目名称,可能会使用特殊符号或者中文等无法识别的字段导致文件

    2024年02月09日
    浏览(64)
  • webpack -v报错:Cannot find module ‘webpack-cli/package.json‘

    -D安装了webpack和webpack-cli,-g安装了webpack和webpack-cli,但是webpack -v的时候仍然提示需要安装webpack-cli,并且安装之后会报错:  看提示应该是webpack-cli/package.json的位置获取不到正确的,但是并不知道为什么获取不到,查了一圈,最后看了这篇文章得到了启发:WebPack 安装出现

    2023年04月24日
    浏览(59)
  • 若依Vue分离版打包报错Cannot find module ‘html-webpack-plugin‘

       1、手动的把 node_modules 这个目录删掉       2、重新安装依赖:npm install --registry=https://registry.npm.taobao.org      3、安装缺少的依赖:npm i html-webpack-plugin --save-dev --legacy-peer-deps     4、重新打包 npm run build:prod    打包结束,可以部署到服务器啦。

    2024年02月13日
    浏览(52)
  • Error: Cannot find module ‘node:fs‘

    问题分析:node版本太低导致 解决方案: 一、升级node版本,升级node版本之后确实可以解决此问题,但是公司部署的服务器node版本是node10版本不能更改 二、在使用Jenkins构建的时候把之前的package-lock.json一起打包到服务器进行部署(目前使用此方案进行部署) 想问下还有没有其它的解

    2024年02月13日
    浏览(63)
  • npm 报错 Error: Cannot find module ‘semver‘的解决方法

    执行npm install报错 解决方案 重装node.js 然后到以下文件夹删除相关残留文件: 进入 /usr/local/lib 删除所有 node 和 node_modules文件夹 进入 /usr/local/include 删除所有 node 和 node_modules 文件夹 进入 /usr/local/bin 删除 node 的可执行文件 然后就删除干净了 为了安装最新版nodejs,先提前安装

    2024年02月12日
    浏览(65)
  • Error: Cannot find module ‘×××××ב报错,找不到依赖问题解决方案

    小编最开始在解决这个问题时候在网上找的方案都不管用,最后还是请教大神才得到解决,下面是集中解决方案,希望对大家有帮助。 第一种方案 前端项目在拉取依赖或者启动项目时候,一直报错某依赖获取不到,首先我们找到项目中的node_modules文件夹和package-lock.json文件,

    2024年02月08日
    浏览(64)
  • Error: Cannot find module ‘@dcloudio/uni-i18n‘

    用uni-app开发微信小程序,拉取项目后,使用 npm install 后,在微信开发者工具中一直报下面这句错 反复安装了很多遍@dcloudio,@dcloudio/uni-i18n都不行,最后解决方法是,找到项目中 uview-ui文件下的package.json ,文件中有个 sass-loader ,把那一句的删掉 微信开发者工具就不报错了,

    2024年02月14日
    浏览(73)
  • 解决前端报错 Error: Cannot find module ‘xxx‘(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月12日
    浏览(66)
  • 解决前端报错 Error: Cannot find module 'xxx'(包含 uniapp)

    在 npm install 安装好依赖后,执行打包命令时可能报错: 1、 Error: Cannot find module \\\'@vue/babel-preset-app\\\' 2、 Error: Cannot find module \\\'cache-loader\\\' 这里只列了两种,只是因为换了 3 个 node 环境出现的报错。 网上的解决方案大多是: 1、删除 node_modules 与 package-lock.json ,重新 $ npm install 一下

    2024年02月05日
    浏览(57)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包