SASS-LOADER 版本 8.0.0 及更高版本

Posted 2023-02-22

【中文标题】SASS-LOADER 版本 8.0.0 及更高版本

【英文标题】：SASS-LOADER Version 8.0.0 and up

【发布时间】：2020-07-18 18:24:23

【问题描述】：

为什么我在运行“npm run dev”时出现错误 SASS 加载程序版本。 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 模式不匹配的选项对象进行初始化。 - 选项具有未知属性“输出样式”。这些属性是有效的： 对象实现？，sassOptions？，prependData？，sourceMap？，webpackImporter？ 在验证（/Users/.../.../.../node_modules/sass-loader/node_modules/schema-utils/dist/validate.js:85:11） 在 Object.loader (/Users/.../.../.../node_modules/sass-loader/dist/index.js:36:28) 在 /Users/.../.../.../node_modules/webpack/lib/NormalModule.js:316:20 在 /Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:367:11 在 /Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:233:18 在 runSyncOrAsync (/Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:143:3) 在 iterateNormalLoaders (/Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:232:2) 在 /Users/.../.../.../node_modules/loader-runner/lib/LoaderRunner.js:205:4 在 /Users/borjanmukaetov/dona/Genomiks/node_modules/enhanced-resolve/lib/CachedInputFileSystem.js:85:15 在 processTicksAndRejections (internal/process/task_queues.js:75:11) @ ./resources/sass/app.scss

【参考方案1】：

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

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