laravel - 我在我的 Laravel 学习项目中遇到错误，我在 Laravel 身份验证中遇到 npm run dev 问题我该如何解决这个问题？

Question

你好，我是 Laravel 的初学者。我正在尝试学习 Laravel 身份验证，但我遇到了错误。我在我的 Laravel 学习项目中遇到错误，我在 Laravel 身份验证中遇到 npm run dev 问题我该如何解决这个问题？这是我采取的步骤

我已经安装了 node.js 并设置了身份验证

composer require laravel/ui

php artisan ui vue --auth

在那之后

npm install --verbose

这是我的 CMD 命令

    PS C:\xampp\htdocs\myapp> npm run dev

这是我面临的错误：

> @ dev C:\xampp\htdocs\myapp
> npm run development


> @ development C:\xampp\htdocs\myapp
> mix

[webpack-cli] Error: Cannot find module 'webpack/lib/rules/DescriptionDataMatcherRulePlugin'
Require stack:
- C:\xampp\htdocs\myapp\node_modules\vue-loader\lib\plugin-webpack5.js
- C:\xampp\htdocs\myapp\node_modules\vue-loader\lib\plugin.js
- C:\xampp\htdocs\myapp\node_modules\vue-loader\lib\index.js
- C:\xampp\htdocs\myapp\node_modules\laravel-mix\src\components\Vue.js
- C:\xampp\htdocs\myapp\node_modules\laravel-mix\src\components\ComponentRegistrar.js
- C:\xampp\htdocs\myapp\node_modules\laravel-mix\src\Mix.js
- C:\xampp\htdocs\myapp\node_modules\laravel-mix\setup\webpack.config.js
- C:\xampp\htdocs\myapp\node_modules\webpack-cli\lib\webpack-cli.js
- C:\xampp\htdocs\myapp\node_modules\webpack-cli\lib\bootstrap.js
- C:\xampp\htdocs\myapp\node_modules\webpack-cli\bin\cli.js
- C:\xampp\htdocs\myapp\node_modules\webpack\bin\webpack.js
    at Function.Module._resolveFilename (internal/modules/cjs/loader.js:889:15)
    at Function.Module._load (internal/modules/cjs/loader.js:745:27)
    at Module.require (internal/modules/cjs/loader.js:961:19)
    at require (C:\xampp\htdocs\myapp\node_modules\v8-compile-cache\v8-compile-cache.js:159:20)
    at Object.<anonymous> (C:\xampp\htdocs\myapp\node_modules\vue-loader\lib\plugin-webpack5.js:6:42)
    at Module._compile (C:\xampp\htdocs\myapp\node_modules\v8-compile-cache\v8-compile-cache.js:192:30)
    at Object.Module._extensions..js (internal/modules/cjs/loader.js:1101:10)
    at Module.load (internal/modules/cjs/loader.js:937:32)
    at Function.Module._load (internal/modules/cjs/loader.js:778:12)
    at Module.require (internal/modules/cjs/loader.js:961:19) {
  code: 'MODULE_NOT_FOUND',
  requireStack: [
    'C:\\xampp\\htdocs\\myapp\\node_modules\\vue-loader\\lib\\plugin-webpack5.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\vue-loader\\lib\\plugin.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\vue-loader\\lib\\index.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\laravel-mix\\src\\components\\Vue.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\laravel-mix\\src\\components\\ComponentRegistrar.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\laravel-mix\\src\\Mix.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\laravel-mix\\setup\\webpack.config.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\webpack-cli\\lib\\webpack-cli.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\webpack-cli\\lib\\bootstrap.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\webpack-cli\\bin\\cli.js',
    'C:\\xampp\\htdocs\\myapp\\node_modules\\webpack\\bin\\webpack.js'
  ]
}
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ development: `mix`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ development script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ASUS\AppData\Roaming\npm-cache\_logs\2021-09-21T05_52_12_933Z-debug.log
npm ERR! code ELIFECYCLE
npm ERR! errno 2
npm ERR! @ dev: `npm run development`
npm ERR! Exit status 2
npm ERR!
npm ERR! Failed at the @ dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\ASUS\AppData\Roaming\npm-cache\_logs\2021-09-21T05_52_12_972Z-debug.log

标签： laravelnpm