解决方案

后退一步之后，我意识到我可以尝试我所做的来修复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
  摘要

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

我在StoryBook中设置Sass时也遇到了这个问题。自述文件提供的Yarn脚本将安装那些库的最新版本，这些库不再与StoryBook运行的Webpack 4兼容。
对于其他任何人遇到这个问题的故事书，这是你可以运行代替。

yarn add -D @storybook/preset-scss css-loader@5.2.6 sass sass-loader@10.1.1 style-loader@2.0.0

降级后，在我的情况下，我解决了它只是评论加载器scss和sass：

{
                test: /\.css$/,
                use:
                    [
                        {
                            loader: 'style-loader'
                        },
                        {
                            loader: 'css-loader',
                            options: {
                                importLoaders: 1,
                                modules: true
                            }
                        }
                        // ,
                        // {
                        //     loader: 'sass-loader'
                        // }
                        // ,
                        // {
                        //     loader: 'scss-loader'
                        // }
                    ]
            }

声明模块“*. module.css”;不影响结果。

记住：始终运行

npm start

来测试这些配置更改，看看是否会发生一些事情**。这样做可以保存我今天下午的时间。

旧版Webpack不支持最新版本的CSS加载器：

yarn add -D @storybook/preset-scss css-loader@5.2.6 sass sass-loader@10.1.1 style-loader@2.0.0

这对我很有效。

我没有使用Storybooks，只是使用TS的Webpack。我所要做的就是运行命令：
yarn add -D css-loader@5.2.6 style-loader@2.0.0
然后，我从我的webpack配置中删除了scss/sass加载程序，并将其设置为：

{
        test: /\.(css)$/,
        loaders: ['style-loader', 'css-loader'],
      },

希望这对大家有帮助。