Question

这是我在webpack配置中的sass加载程序设置。看起来sass loader是好的

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

终端中的

因为无法编译我的sass文件而得到错误我已经多次在sass loader中更改了我的设置但总是出现此错误。

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的问题。

在我的情况下，我不得不更新到我使用的所有加载器的最新版本（样式加载器，css-loader，sass-loader和babel-loader）。

Answer 2

如果Alex的答案对您不起作用，请删除sass-loader（npm卸载sass-loader），然后重新安装（npm i sass-loader。）对我来说是有效的，因为我有较旧的sass-loader版本。 / p>

无法阅读属性＆＃39; sassLoader＆＃39;未定义的

2 个答案: