Error cannot find module webpack lib rules descriptiondatamatcherruleplugin require stack

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:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin-webpack5.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibindex.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrccomponentsVue.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrccomponentsComponentRegistrar.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrcMix.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsetupwebpack.config.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clilibwebpack-cli.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clilibbootstrap.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clibincli.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpackbinwebpack.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:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin-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 …

[Solved] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’

While I am trying to run npm run dev I am facing the following error: Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ in Laravel. We are going to Learn about All Possible Solutions So Lets Get Start with This Article.

How Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ Occurs?

While I am trying to run npm run dev i am facing the following error:

So here I am writing all the possible solutions that I have tried to resolve this error.

How To Solve Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’?

1. How To Solve 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. Thank you.

Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’

To Solve Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ If You have vue-loader already installed then Just try to update it. To update vue-loader you need to run this command in your terminal. Just like This: npm update vue-loader And now, your error must be solved. Thanks.

Solution 1: Install vue-loader

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.

Now, you can Run

And Your error must be solved. Thank you.

Solution 2: Update vue-loader

If You have vue-loader already installed then Just try to update it. To update vue-loader you need to run this command in your terminal. Just like This.

And now, your error must be solved. Thanks.

Solution 3: Update Your Package.json

Laravel is manually adding vue-loader:^15.9.7 so You have to edit your Package.json file and find vue-loader. and Replace version with 17.0.0 OR 15.10.0.

Then run this command if you’re NPM user.

For Yarn users run this command.

And now, Your error must be resolved. Thank you.

Conclusion

It’s all About this error. Hope We solved Your error. Comment below Your thoughts and your queries. Also, Comment below which solution worked for you?

Источник

[Solved] [webpack-cli] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’

While I am running npm run dev command in my Laravel VueJS project I am facing [webpack-cli] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ error So Today In this Solvderror Article, we’ll discuss how this error occurs and what are the possible solution for this error.

How To Solve [webpack-cli] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ error?

To Solve [webpack-cli] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ error There are two possible reasons for this error the First one is You are Using an Older version of the vue-loader and the Second One is You don’t have a vue-loader installed. So You Have to either Update the vue-loader Or You need to install the vue-loader in your project. To update the vue-loader Just run this command: npm update vue-loader To Install the vue-loader run this command: npm i vue-loader Then, Run your project with this command: npm run dev Now, Your error must be solved Thank You.

To Solve [webpack-cli] Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’ error Laravel has added vue-loader by default, But maybe it is an older version So First of all Open Your package.json file and add vue-loade‘s latest version: vue-loader:^15.9.8 Then run npm install if you are the npm user: npm install and then Run your project with npm run dev Now, Your error must be fixed. Thanks.

Answer 1: Install vue-loader

There are two possible reasons for this error the First one is You are Using an Older version of the vue-loader and the Second One is You don’t have a vue-loader installed. So You Have to either Update the vue-loader Or You need to install the vue-loader in your project. To update the vue-loader Just run this command.

To Install the vue-loader run this command.

Then, Run your project with this command.

Now, Your error must be solved Thank You.

Answer 2: Update vue-loader

Laravel has added vue-loader by default, But maybe it is an older version So First of all Open Your package.json file and add vue-loade‘s latest version.

Then run npm install if you are the npm user.

and then Run your project with

Now, Your error must be fixed. Thanks.

Final Word

So This is All About this error When You Install or update the vue-loader then your error will be solved. Hope This Above 2 Answer May helped to solve your warning. Comment Below which answer worked For You. Thank You.

Источник

Ошибка: не удается найти модуль webpack / lib / rules / DescriptionDataMatcherRulePlugin. Требуется стек:

У меня установлен webpack-cli в моем проекте laravel. Я не знаю, зачем в первую очередь нам это нужно для запуска моего приложения vue, но это вызывает ошибку:

Когда я запускаю npm run dev или npm run hot

Vue установлен также vue-loader, не могу понять, почему он не может найти эти файлы. Кроме того, я посмотрел на node_modules, все там есть .

5 ответов

Вам нужно обновить свой vue-loader

И если он не установлен, установите его

Laravel по умолчанию добавил версию Vue-loader 15.9.7 . Мне нужно вручную обновить vue-loader:^15.9.8 в пакете JSON, чтобы устранить ошибку.

Затем выполните yarn и yarn dev или npm install и npm run dev

У меня была эта ошибка в моем проекте. После поиска я обнаружил, что мне нужно обновить загрузчик Vue. А если он не установлен, установите его здесь. Поэтому я добавляю эту строку в свой терминал в своем проекте.

Должен работать нормально, если пакет vue-loader уже установлен.

Некоторые из этих обновлений являются основными выпусками. Запуск npm update не обновит их версию. Основные выпуски никогда не обновляются таким образом, потому что они (по определению) вносят критические изменения, а npm хочет избавить вас от проблем.

Иногда пакеты npm не устанавливаются должным образом, я использовал следующий метод для решения этой проблемы:

• Удалите папку модулей узлов из вашего проекта.
• Выполните следующие команды

1. npm install -g npm-check-updates
2. нку-у
3. установка/обновление npm.**

Источник

Crash when vue() invoked. #3039

Description:

As soon as .vue() is in my webpack.mix.js file it crashes.

Steps To Reproduce:

I tried npm -i vue-loader —save-dev but npx mix then complains:

The text was updated successfully, but these errors were encountered:

I just ran into this same error when running php artisan breeze:install vue and then running npm run dev
Following to find a fix.

I have the same problem. Just stopped working this morning after running yarn update . It was working fine last night. I thought maybe Webpack had a breaking change in their new version (it upgraded from 5.44 -> 5.45 this morning), so I tried playing with different Webpack versions. I got very strange errors (for example, it can’t find css-loader and babel-loader, even though they are installed, etc.) when I tried that.

I rolled back the changes to my yarn.lock , and only ran yarn install (instead of upgrading) and everything is working again. I have a diff of the changes below.

• Laravel Mix Version: 6.0.25
• Node Version (node -v):v16.5.0
• NPM Version (npm -v): 7.19.1
• OS: macOS 11.4 M1 chip

I’m having the same problem on an existing project and also on a brand new install of Laravel with jetstream.

Laravel Mix Version: 6.0.25
Node Version (node -v):v14.17.3
NPM Version (npm -v): 7.12.0
OS: Mac OS 11.4 Big Sur

Steps to reproduct

choose inertia and after install and build it fails and gives Error: Cannot find module ‘webpack/lib/rules/DescriptionDataMatcherRulePlugin’

Источник

Laravel error cannot find module webpack lib rules descriptiondatamatcherruleplugin

but this command show errors: npm run watch n

ERROR in ./resources/js/components/ExampleComponent.vue 1:0nModule parse failed: Unexpected token (1:0)nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loadersn> n|

Am using a new fresh laravel of version 8, I installed today n»,»body_in_markdown»:»I installed node js and all plugins, I can run npm in cmd too well nnbut this command show errors: npm run watchnn«`nERROR in ./resources/js/components/ExampleComponent.vue 1:0nModule parse failed: Unexpected token (1:0)nYou may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loadersn> n|

ERROR in ./resources/js/components/ExampleComponent.vue 1:0 n n

How did you get the ExampleComponent.vue that does not come with a new fresh laravel of version 8 n»,»bodyInMarkdown»:»@niyo nn> ERROR in ./resources/js/components/ExampleComponent.vue 1:0nnHow did you get the ExampleComponent.vue that does not come with a new fresh laravel of version 8nn»,»replies»:[<«id»:723564,»conversation_id»:162257,»body»:»

Yes but where did the ./resources/js/components/ExampleComponent.vue file come from? the one that you do not have a loader to load it. n

Read the error. n

check out this tutorial: n

view this tutorial it will help you. n

Laravel does not ship with a vue component. Where did you get laravel from? n

Are you trying to use vue with laravel? n»,»bodyInMarkdown»:»Laravel does not ship with a vue component. Where did you get laravel from?nnAre you trying to use vue with laravel?»,»replies»:[<«id»:723581,»conversation_id»:162257,»body»:»

I just used these commands: n

composer require laravel/ui —devnnphp artisan ui vue —authnnnpm install laravel-mix-purgecss —save-devnnnpm installnnnpm run watchnn n

I see you edited the original post. You installed vue and the other needed packages. n

I just used these commands only: n

composer require laravel/ui —devnnphp artisan ui vue —authnnnpm install laravel-mix-purgecss —save-devnnnpm installnnnpm run watchn n

composer require laravel/ui —devnnphp artisan ui vue —authnnnpm install laravel-mix-purgecss —save-devnnnpm installnnnpm run watchn n

and it worked fine ? n»,»bodyInMarkdown»:»@niyo nnI did this:nn«`ncomposer require laravel/ui —devnnphp artisan ui vue —authnnnpm install laravel-mix-purgecss —save-devnnnpm installnnnpm run watchn«`nnand it worked fine ? «,»replies»:[<«id»:754038,»conversation_id»:162257,»body»:»

PS C:\xampp\htdocs\laravel8> npm install laravel-mix-purgecss —save-devnnpm WARN deprecated urix@0.1.0: Please see https://github.com/lydell/urix#deprecatednnpm WARN deprecated resolve-url@0.2.1: https://github.com/lydell/resolve-url#deprecatednnpm WARN deprecated uuid@3.4.0: Please upgrade to version 7 or higher. Older versions may use Math.random() in certain circumstances, which is known to be problematic. See https://v8.dev/blog/math-random for details.nnpm WARN deprecated popper.js@1.16.1: You can find the new Popper v2 at @popperjs/core, this package is dedicated to the legacy v1nnadded 812 packages, and audited 813 packages in 4mnn87 packages are looking for fundingnnfound 0 vulnerabilitiesn n

Glad that I can help n»,»bodyInMarkdown»:»Glad that I can help»,»replies»:[<«id»:754837,»conversation_id»:162257,»body»:»

composer require laravel/ui —devnnphp artisan ui vue —authnnnpm install laravel-mix-purgecss —save-devnnnpm installnnnpm run watchn n

Источник

[webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin'
Require stack:
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin-webpack5.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibindex.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrccomponentsVue.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrccomponentsComponentRegistrar.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsrcMix.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleslaravel-mixsetupwebpack.config.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clilibwebpack-cli.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clilibbootstrap.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpack-clibincli.js
- C:UsersVirussDesktoptest-meme-librarymeme-librarynode_moduleswebpackbinwebpack.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:UsersVirussDesktoptest-meme-librarymeme-librarynode_modulesvue-loaderlibplugin-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'
  ]
}

5 ответов

Лучший ответ

npm update vue-loader

npm i vue-loader

npm install -D vue-loader vue-template-compiler

npm update vue-loader