类型错误：this.getOptions 不是一个函数对于 style-loader

问题描述

问题

在使用 Storybook 时，我正在运行 npm run storybook 并收到以下错误。

ModuleBuildError: Module build Failed (from ./node_modules/style-loader/dist/cjs.js):
TypeError: this.getoptions is not a function

背景/背景

我的目标是让 Storybook 能够与 sass 一起工作。

设置很简单：我有由组件文件导入的 scss 文件。

在寻找实现此目的的方法时，我遇到了一个 插件 可以这样做，请参阅 this。基本上，您可以运行 npm i --save-dev @storybook/preset-scss style-loader css-loader sass-loader。

这样做时，我遇到了第一个错误。这是同样的错误，但对于 sass-loader。 This Stack Overflow 线程帮助我修复了该错误。

所以，我想总而言之，我已经尝试过：

• 遵循文档（上面链接）
• 关注 Stack Overflow 线程（上面链接）

相关的开发依赖

"@storybook/preset-scss": "^1.0.3","css-loader": "^6.2.0","sass-loader": "^10.1.1","style-loader": "^3.2.1"

提前致谢！

解决方法

解决方案

退后一步后，我意识到我可以尝试解决sass-loader 问题：降级主要版本。

步骤

• 将 style-loader 1 个主要版本降级为 2.0.0：npm i style-loader@2.0.0
• 然后，幸运的是，我遇到了与 css-loader 相同的问题
• 将 css-loader 1 个主要版本降级为 5.2.7：npm i css-loader@5.2.7

总结

通过将所有加载器降级一个主要版本，我能够让它工作。