SASS-LOADER版本8.0.0及更高版本

Question

为什么我在运行带有SASS-LOader版本的"npm run dev“时出现错误。8.0.0及更高版本7.3.1一切正常吗？

当我从laravel 6升级到laravel 7.4时，就会发生这种情况

./resources/sass/app.scss模块构建失败(来自./node_modules/css-loader/index.js)中的错误: ModuleBuildError:模块构建失败(来自./node_modules/sass-loader/dist/cjs.js)：ValidationError:无效的选项对象。Sass Loader已使用与API架构不匹配的options对象进行初始化。- options具有未知属性'outputStyle‘。以下属性有效: object { implementation?，sassOptions?，prependData?，sourceMap?，在/Users/.../node_modules/webpack/lib/NormalModule.js:的validate (/Users/.../node_modules/sass-loader/node_modules/schema-utils/dist/validate.js:85:11) at Object.loader (/Users/.../node_modules/sass-loader/dist/index.js:36:28)上的webpackImporter？}316:20 at /Users/.../node_modules/loader-runner/lib/LoaderRunner.js:367:11 at /Users/.../node_modules/loader-runner/lib/LoaderRunner.js:233:18 at runSyncOrAsync (/Users/.../node_modules/loader-runner/lib/LoaderRunner.js:143:3) at iterateNormalLoaders (/Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:232:2) at /Users/.../node_modules/loader-runner/lib/LoaderRunner.js:205:4 at /Users/borjanmukaetov/dona/Genomiks/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15 at processTicksAndRejections (内部/进程/任务_队列.js:75:11)@.//Users/borjanmukaetov/dona/Genomiks/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15/sass/app.scss

Answer 1

我假设您使用的是laravel-mix，因为这是他们的asset compiling documentation中推荐的默认资产管道工具。

根据这个issue，laravel-mix和sass-loader 8.0.0有一些兼容性问题。该问题已在laravel-mix 5.0.0中解决，因此您可以尝试更新laravel-mix。