Module build failed (from ./node_modules/sass-loader/dist/cjs.js)

react  报错

ERROR in ./src/pages/porder/index.scss (./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./src/pages/porder/index.scss)
Module build failed (from ./node_modules/sass-loader/dist/cjs.js):
TypeError: this.getResolve is not a function
    at Object.loader (E:\Client\node_modules\sass-loader\dist\index.js:52:26)
 @ ./src/pages/porder/index.scss 2:26-142
 @ ./src/pages/porder/index.tsx

 

使用各种方法报错，终于发现：

npm WARN sass-loader@8.0.0 requires a peer of webpack@^4.36.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of sass@^1.3.0 but none is installed. You must install peer dependencies yourself.
npm WARN sass-loader@8.0.0 requires a peer of fibers@>= 3.1.0 but none is installed. You must install peer dependencies yourself.
npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@1.2.9 (node_modules\fsevents):
npm WARN notsup SKIPPING OPTIONAL DEPENDENCY: Unsupported platform for fsevents@1.2.9: wanted {"os":"darwin","arch":"any"} (current: {"os":"win32","arch":"x64"})

从报错来看，应该是loader的问题，然后就删除重装sass-loader，node-sass，来来回回不下5次，还是报同样的错误，甚至怀疑是不是webpack.dev.config.js中没有配置好？一步步检查，也没有发现

这是警告。

看了博文：https://www.cnblogs.com/szqtiger/p/11599205.html

终于发现是版本问题，于是查看

发现版本不对，于是执行

npm uninstall sass-loader

npm install sass-loader@7.1.0 --save

npm install style-loader

npm install node-sass

安装对应的版本，搞定。