Error: cannot find module webpack/lib/rules/descriptiondatamatcherruleplugin

详细报错:

[webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin'
Require stack:
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\vue-loader\lib\plugin-webpack5.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\vue-loader\lib\plugin.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\vue-loader\lib\index.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\laravel-mix\src\components\Vue.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\laravel-mix\src\components\ComponentRegistrar.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\laravel-mix\src\Mix.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\laravel-mix\setup\webpack.config.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\webpack-cli\lib\webpack-cli.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\webpack-cli\lib\bootstrap.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\webpack-cli\bin\cli.js
- F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\webpack\bin\webpack.js
    at Function.Module._resolveFilename (node:internal/modules/cjs/loader:933:15)
    at Function.Module._load (node:internal/modules/cjs/loader:778:27)
    at Module.require (node:internal/modules/cjs/loader:1005:19)
    at require (F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at Object.<anonymous> (F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\vue-loader\lib\plugin-webpack5.js:6:42)
    at Module._compile (F:\phpstudy_pro\WWW\fuck.io\blog\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
    at Module.load (node:internal/modules/cjs/loader:981:32)
    at Function.Module._load (node:internal/modules/cjs/loader:822:12)
    at Module.require (node:internal/modules/cjs/loader:1005:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\vue-loader\\lib\\plugin-webpack5.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\vue-loader\\lib\\plugin.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\vue-loader\\lib\\index.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\laravel-mix\\src\\components\\Vue.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\laravel-mix\\src\\components\\ComponentRegistrar.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\laravel-mix\\src\\Mix.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\laravel-mix\\setup\\webpack.config.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\webpack-cli\\lib\\bootstrap.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\webpack-cli\\bin\\cli.js',
    'F:\\phpstudy_pro\\WWW\\fuck.io\\blog\\node_modules\\webpack\\bin\\webpack.js'

解决方法:

npm i vue-loader

然后重新npm run即可

I have webpack-cli installed on my laravel project. I don't know why first of all we need it to run my vue app but this is causing an error:

When I run npm run dev or npm run hot


[webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin'
Require stack:
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\vue-loader\lib\plugin-webpack5.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\vue-loader\lib\plugin.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\vue-loader\lib\index.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\laravel-mix\src\components\Vue.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\laravel-mix\src\components\ComponentRegistrar.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\laravel-mix\src\Mix.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\laravel-mix\setup\webpack.config.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\webpack-cli\lib\webpack-cli.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\webpack-cli\lib\bootstrap.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\webpack-cli\bin\cli.js
- C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\webpack\bin\webpack.js
at Function.Module._resolveFilename (internal/modules/cjs/loader.js:902:15)
at Function.Module._load (internal/modules/cjs/loader.js:746:27)
at Module.require (internal/modules/cjs/loader.js:974:19)
at require (internal/modules/cjs/helpers.js:93:18)
at Object.<anonymous> (C:\Users\Viruss\Desktop\test-meme-library\meme-library\node_modules\vue-loader\lib\plugin-webpack5.js:6:42)
at Module._compile (internal/modules/cjs/loader.js:1085:14)
at Object.Module._extensions..js (internal/modules/cjs/loader.js:1114:10)
at Module.load (internal/modules/cjs/loader.js:950:32)
at Function.Module._load (internal/modules/cjs/loader.js:790:12)
at Module.require (internal/modules/cjs/loader.js:974:19) {
code: 'MODULE_NOT_FOUND',
requireStack: [
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\vue-loader\\lib\\plugin-webpack5.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\vue-loader\\lib\\plugin.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\vue-loader\\lib\\index.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\laravel-mix\\src\\components\\Vue.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\laravel-mix\\src\\components\\ComponentRegistrar.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\laravel-mix\\src\\Mix.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\laravel-mix\\setup\\webpack.config.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\webpack-cli\\lib\\bootstrap.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\webpack-cli\\bin\\cli.js',
'C:\\Users\\Viruss\\Desktop\\test-meme-library\\meme-library\\node_modules\\webpack\\bin\\webpack.js'
]
}

Vue is installed also vue-loader, can't understand why it can't find those files. Also, I looked at the node_modules everything is in there ...



How do you fix Webpack CLI error Cannot find module Webpack Lib rules DescriptionDataMatcherRulePlugin?

To Solve Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin' This error may occur Because of Vue-Loader. If you do not have an installed vue-loader then just install it in your project by running this command: npm i vue-loader Now, you can Run npm run dev And Your error must be solved.

Can not find module Webpack CLI?

To solve the "Cannot find module 'webpack-cli'" error, make sure to install webpack-cli globally by running the npm i -g webpack-cli command and create a symbolic link from the globally-installed package to node_modules by running the npm link webpack-cli command.