Module build failed (from ./node_modules/_sass-loader@12.3.0@sass-loader/dist/cjs.js): TypeError:

原创

已于 2022-03-16 18:10:48 修改 · 5.7k 阅读

22 ·

CC 4.0 BY-SA版权

文章标签：

#sass #javascript #npm

于 2022-03-16 18:10:08 首次发布

博主遇到一个报错，模块构建失败，原因是Node.js项目中的`sass-loader`和`node-sass`版本不兼容。尝试了多种方法，如重新安装、使用cnpm、安装编译器等，但问题依然存在。最终发现是这两个依赖的版本不匹配导致的。解决方案是将它们都更新到相同版本，例如`node-sass@7.0.1`和`sass-loader@7.0.1`，执行相应的安装命令后，项目成功运行。

报错

Module build failed (from ./node_modules/_sass-loader@12.3.0@sass-loader/dist/cjs.js):
TypeError: this.getOptions is not a function
at Object.loader (/Users/apple/Desktop/vue/hotspot_admin/node_modules/_sass-loader@12.3.0@sass-loader/dist/index.js:25:24)
@ ./node_modules/vue-style-loader??ref–8-oneOf-1-0!./node_modules/css-loader/dist/cjs.js??ref–8-oneOf-1-1!./node_modules/vue-loader/lib/loaders/stylePostLoader.js!./node_modules/postcss-loader/src??ref–8-oneOf-1-2!./node_modules/_sass-loader@12.3.0@sass-loader/dist/cjs.js??ref–8-oneOf-1-3!./node_modules/cache-loader/dist/cjs.js??ref–0-0!./node_modules/vue-loader/lib??vue-loader-options!./src/components/Tinymce/components/preView.vue?vue&type=style&index=1&id=1a4f87c2&lang=scss&scoped=true& 4:14-518 14:3-18:5 15:22-526

无论是npm install还是cnpm install 下载的node_modules都不能使用。即使运行项目，也无法启动项目。

我找了许多方式来解决此问题，包括：
第一种：