小编Tom*_*eux的帖子

我正在迁移一个库以使用 Angular 和 Material 12（当前版本为 10），Storybook 用于公开该库的各个组件。为此，我使用 Angular 更新指南将 Angular 和 Material 升级到版本 12，将 Storybook 升级到版本 6.3，并按照此处npx sb upgrade描述的步骤完全迁移 Storybook 并使用 webpack5。

不幸的是，以前在故事渲染中全局包含的base.scss文件不再包含在内（故事现在没有任何CSS）。此 base.scss 文件包含在 Typescript 文件中，其中包含：

import \'!style-loader!css-loader!sass-loader!./base.scss\';

使用 Storybook 6.3 和 Angular 10，一切都很完美。

为了解决这个问题，我尝试在main.js中添加此配置，如文档中所述：

webpackFinal: async (config, { configType }) => {\n    config.module.rules.push({\n      test: /\\.scss$/,\n      use: [\'style-loader\', \'css-loader\', \'sass-loader\'],\n      include: path.resolve(__dirname, \'../\'),\n    });\n    return config;\n  }\n

但我的每个故事都遇到了这个错误：

SassError: SassError: expected "{".\n  \xe2\x95\xb7\n1 \xe2\x94\x82 import api …