如何在laravel 6中修复错误npm run dev

Question

在Laravel 6中安装npm时，我有一个错误，它现在正在工作，我不知道，尽管我按顺序完成了所有步骤

这是我的版本：
Laravel版本6
npm 6.13.7
Node 13.5.0

我按顺序做了这件事

composer require laravel/ui --dev
php artisan ui vue --auth 
npm install 
npm run dev

但是当npm运行dev它的错误显示

错误。/资源/sass/app.scss模块构建失败（来自。/node_modules/css-loader/index.js）：模块构建错误：模块构建失败（来自。/node_modules/sass-loader/dist/cjs.js）：验证错误：无效的选项对象。Sass Loader已使用与API模式不匹配的选项对象初始化。-选项具有未知属性“输出风格”。这些属性是有效的：对象{实现？，sassOptions？，前数据？，源地图？，webpack进口商？}在Object.loader（D：\project\laravel\node_modules\sass-loader\node_modules\schema-utils\dist\validate.js:85： 11）验证（D：\project\laravel\node_modules\sass-loader\dist\index.js:36： 28）在D：\project\laravel\node_modules\webpack\lib\NormalModule.js:316： 20 at D：\project\laravel\node_modules\loader-runer\lib\LoaderRunner.js:367： 11 at D：\project\laravel\node_modules\loader-runer\lib\LoaderRunner.js:233： 18 at runSyncOrAsync（D：\project\laravel\node_modules\loader-runer\lib\LoaderRunner.js:143： 3）在iterateNormalLoaders（D：\project\laravel\node_modules\loader-转轮\lib\LoaderRunner.js:232： 2）在D：\project\laravel\node_modules\loader-转轮\lib\LoaderRunner.js:205： 4在D：\project\laravel\node_modules\增强-解析\lib\CachedInputFileSystem.js:85： 15在拒绝（内部/进程/task_queues.js:79： 11）@。/资源/sass/app.scss

./resources/sass/app.scss（./node\u modules/css loader？？ref--5-2！。/node\u modules/postsss loader/src？？postsss0！。/node\u modules/resolve url loader？？ref--5-4！。/node\u modules/sass loader/dist/cjs？？ref----5-5./resources/sass/app.scss）模块生成失败（来自./node\u modules/sass loader/sass loader/dist/cjs）：ValidationError:无效的选项对象。已使用与API架构不匹配的选项对象初始化Sass加载程序。-选项具有未知属性“outputStyle”。这些属性在object.loader（D:\project\laravel\node\u modules\sass-loader\node\u modules\schema-utils\dist\validate.js:85:11）的object.loader（D:\project\laravel\node\modules\sass-loader\dist\index.js:36:28）@/resources/sass/app.scss 2:14-253 npm ERR.处有效！代码ELIFECYCLE npm ERR！errno 2 npm ERR！@开发：cross-env NODE\u env=development NODE\u modules/webpack/bin/webpack.js--progress--hide modules--config=NODE\u modules/laravel mix/setup/webpack.config.jsnpm ERR！退出状态2 npm错误！npm错误！在@development脚本中失败。npm错误！这可能不是npm的问题。上面可能还有其他日志输出。

NPM ERR！此运行的完整日志可以在npm ERR中找到！
C：\用户\Ahmed\AppData\漫游\npmcache_logs\2020-02-22T21_12_44_218Z-debug.lognpm ERR！代码ELIFECYCLE npm ERR！Erno 2 npm ERR！@dev：npm运行开发npm ERR！退出状态2 npm ERR！NPM ERR！失败在@dev脚本. npm ERR！这可能不是npm的问题。上面可能有额外的日志输出。

npm错误！此运行的完整日志可在以下位置找到：npm ERR
C:\Users\Ahmed\AppData\Roaming\npm-cache\u logs\2020-02-22T21\u 12\u 44\u 441Z-debug.log

这是我的package.json

{
    "private": true,
    "scripts": {
        "dev": "npm run development",
        "development": "cross-env NODE_ENV=development node_modules/webpack/bin/webpack.js --progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "watch": "npm run development -- --watch",
        "watch-poll": "npm run watch -- --watch-poll",
        "hot": "cross-env NODE_ENV=development node_modules/webpack-dev-server/bin/webpack-dev-server.js --inline --hot --config=node_modules/laravel-mix/setup/webpack.config.js",
        "prod": "npm run production",
        "production": "cross-env NODE_ENV=production node_modules/webpack/bin/webpack.js --no-progress --hide-modules --config=node_modules/laravel-mix/setup/webpack.config.js",
        "start": "webpack-dev-server --hot"
    },
    "devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "bootstrap-sass": "^3.3.7",
        "jquery": "^3.2",
        "laravel-mix": "^4.0.7",
        "lodash": "^4.17.13",
        "popper.js": "^1.12",
        "resolve-url-loader": "^2.3.1",
        "sass": "^1.20.1",
        "sass-loader": "^8.0.0",
        "vue": "^2.5.17",
        "vue-template-compiler": "^2.6.10"
    },
    "dependencies": {
        "node-sass": "^4.13.1",
        "webpack": "^4.41.6"
    }
}

谢啦

Answer 1

出现相同错误，通过重新安装sass加载程序v7.1解决

npm uninstall --save-dev sass-loader
npm install --save-dev sass-loader@7.1.0