无法读取未定义的属性“sassLoader”

Question

这是我在 webpack 配置中的 sass 加载器设置。看起来 sass 加载器没问题

{
        test: /\.scss$/,
        exclude: '/node_modules/',
        use: [
          'style-loader',
          'css-loader',
          'sass-loader',
        ],
      }

在终端中，由于无法编译我的 sass 文件而出现错误

ERROR in ./src/style/main.scss (./node_modules/css-loader!./node_modules/sass-loader!./src/style/main.scss)
Module build failed: TypeError: Cannot read property 'sassLoader' of undefined
    at getLoaderConfig (E:\projects\new\doit\node_modules\sass-loader\index.js:389:39)
    at Object.module.exports (E:\projects\new\doit\node_modules\sass-loader\index.js:42:23)
 @ ./src/style/main.scss 4:14-117 13:2-17:4 13:116-17:3 14:20-123
 @ ./src/main.js
 @ multi (webpack)-dev-server/client?http://localhost:9000 webpack/hot/dev-server ./src/main.js

Answer 1

我刚刚从 Webpack 3.x 升级到 4.x 时遇到了这个问题。

就我而言，我必须更新到我使用的所有加载器的最新版本（style-loader、css-loader、sass-loader 和 babel-loader）。