Laravel 6：安裝 vue auth 后 npm run watch 不起作用

Question

我正在使用 Laravel 6。安裝ui vue --auth 后，我無法使用npm run watch編譯 SASS 文件。 我得到了一長串錯誤：

ERROR in ./resources/sass/app.scss
Module build failed (from ./node_modules/css-loader/index.js):
ModuleBuildError: Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
ValidationError: Invalid options object. Sass Loader has been initialized using an options 
object that does not match the API schema.
- options has an unknown property 'outputStyle'. These properties are valid:
object { implementation?, sassOptions?, prependData?, sourceMap?, webpackImporter? }
at validate (/Applications/MAMP/htdocs/blog/node_modules/sass-loader/node_modules/schema- 
utils/dist/validate.js:85:11)
at Object.loader (/Applications/MAMP/htdocs/blog/node_modules/sass- 
loader/dist/index.js:36:28)
at /Applications/MAMP/htdocs/blog/node_modules/webpack/lib/NormalModule.js:316:20
at /Applications/MAMP/htdocs/blog/node_modules/loader-runner/lib/LoaderRunner.js:367:11
at /Applications/MAMP/htdocs/blog/node_modules/loader-runner/lib/LoaderRunner.js:233:18
at runSyncOrAsync (/Applications/MAMP/htdocs/blog/node_modules/loader- 
runner/lib/LoaderRunner.js:143:3)
at iterateNormalLoaders (/Applications/MAMP/htdocs/blog/node_modules/loader- 
runner/lib/LoaderRunner.js:232:2)
at /Applications/MAMP/htdocs/blog/node_modules/loader-runner/lib/LoaderRunner.js:205:4
at /Applications/MAMP/htdocs/blog/node_modules/enhanced- 
resolve/lib/CachedInputFileSystem.js:85:15
at processTicksAndRejections (internal/process/task_queues.js:79:11)
@ ./resources/sass/app.scss

我的 package.json 文件如下所示：

"devDependencies": {
        "axios": "^0.19",
        "bootstrap": "^4.0.0",
        "cross-env": "^5.1",
        "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",
        "webpack": "^4.42.0"
    }

我的 webpack.mix.js

const mix = require('laravel-mix');



mix.js('resources/js/app.js', 'public/js')
   .sass('resources/sass/app.scss', 'public/css');

我已經刪除了node_modules並重新安裝了它，但我無法解決問題。

Answer 1

sass-loader 8.0.0存在兼容性問題

您必須回滾到 7.x 版本。

嘗試運行這些命令：

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

如果它不適合您，請告訴我