Javascript Storybook无法在ReactJS中加载组件级CSS

我正在尝试在故事书中加载组件级CSS。我的

main.js

来自

.storybook

在下面共享。我对规则做了一些修改，以针对

CSS

和

SCSS

进行测试。此规则仅适用于

SCS

，没有错误，但仍不会加载CSS。但是，当我包含

CSS

时，规则失败，出现以下错误：

Module Build failed: from (.node_modules/postcss-loader/src/index.js)
(1:1) Unknown word
var api = require("!../../../node_modules/style-loader/dist/runtime/injectStylesIntoStylesTag.js")

main.js：

module.exports = {
  "stories": [
    "../src/**/*.stories.mdx",
    "../src/**/*.stories.@(js|jsx|ts|tsx)"
  ],
  "addons": [
    "@storybook/addon-links",
    "@storybook/addon-essentials",
    "@storybook/preset-create-react-app"
  ],
  webpackFinal: async config => {
    // Remove the existing css rule
    // config.module.rules = config.module.rules.filter(
    //   f => f.test.toString() !== '/\\.css$/'
    // );

    config.module.rules.push({
      test: /\.(css|scss)?$/,
      use: ['style-loader', 'css-loader', 'sass-loader'],
      include: path.resolve(__dirname, '../src'),
    });

    return config;
  }
}

我见过其他的例子，但对于我的代码库来说，这些例子不起作用。我能做些什么来解决这个问题？如何为Storybook中的组件加载CSS