Error: Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin‘

出错现象

这个报错是我在安装webpack+vue-loader的配置中遇到的,如果你不是这个背景请绕行,不然可能无法解决你的问题。主要是安装了npm i vue-loader-plugin --save-dev引用了vue-loader-plugin导致的。

E:\professer\lagou-homework\fed-e-task-02-02\code\vue-app-base\node_modules\webpack-cli\bin\cli.js:93
throw err;
^

Error: Cannot find module ‘webpack/lib/rules/BasicEffectRulePlugin’
Require stack:

  • E:\professer\lagou-homework\fed-e-task-02-02\code\vue-app-base\node_modules\vue-loader-plugin\index.js

出错原因

估计是vue-loader-pluginwebpack-cli的版本问题,下面我使用的格式是,换个引用方式就可以了

const VueLoaderPlugin = require('vue-loader-plugin')
module.exports = {
  ...
  plugins: [
    new VueLoaderPlugin()
  ]
}

之前的版本是:

"vue": "^2.6.12",
"vue-loader": "^15.9.5",
"vue-loader-plugin": "^1.3.0",
"vue-template-compiler": "^2.6.12",
"webpack": "^4.41.2",
"webpack-cli": "^3.3.12"

解决方案

使用路径的方式引用

const VueLoaderPlugin = require('vue-loader/lib/plugin')
module.exports = {
 ...
  plugins: [
    new VueLoaderPlugin()
  ]
}

it works~

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
### 回答1: 这个错误消息表明在你的代码中找不到 "webpack/lib/ruleset" 模块。这可能是由于没有正确安装 webpack 或没有正确引用该模块导致的。请确保已经正确安装了 webpack 并且代码中引用了该模块。 ### 回答2: 这个报错是因为在webpack中找不到一个名为'ruleset'的模块。一般而言,这种问题发生在webpack的版本更新后造成的,可能因为你在用一个过期的webpack插件或者是不支持此种webpack版本的插件。 要解决这个问题可以进行以下几步操作: 1.确认你所用的webpack版本是否正确,你可以在你的项目中检查webpack的版本,并确认是否需要进行升级或降级操作。 2.查看你的配置文件中是否使用了'ruleset'模块,如果有请尝试升级相关模块或者更换成webpack的官方插件。 3.重新安装你的webpack及其插件,可尝试使用如下命令: npm uninstall webpack npm install webpack 4.清除本地缓存,可以使用如下命令来清除npm缓存: npm cache clean --force 总之,如果你遇到了这个报错问题,需要认真检查webpack的版本、所用模块、配置文件等等是否存在问题,这样才能更好地解决错误问题。 ### 回答3: 题目中的错误提示“error: cannot find module 'webpack/lib/ruleset'”意味着在使用Webpack编译时,Webpack无法找到所需的模块“webpack/lib/ruleset”。 这个错误通常是由于以下几个原因引起的: 1. Webpack版本不兼容:可能是Webpack版本不兼容,或者使用了新版本的Webpack,但使用的是旧版本的Webpack配置文件。 2. Webpack配置问题:Webpack配置文件可能不正确,或者某些模块配置有误或缺失。 3. 模块未安装:可能是缺少安装必要的模块,或者未正确安装WebPack。解决方法可以通过重新安装或更新必要的模块来解决。 为了解决这个错误,我们可以采取以下几个步骤: 1. 更新Webpack版本并检查Webpack配置文件的正确性。 2. 检查所需模块是否已安装,并且其版本是否与Webpack兼容。 3. 确保所有必要的依赖库都已安装,并且版本符合Webpack的要求。同时,我们可以通过手动安装 “webpack/lib/ruleset” 模块来解决这个问题,命令:npm install webpack/lib/ruleset --save-dev 最后,总结一下:出现“error: cannot find module 'webpack/lib/ruleset'”错误应该尽快排查,检查Webpack版本、配置文件和必要依赖模块的安装情况等,以确定原因并采取相应措施解决问题。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值