使用 Storybook 在 Angular 库中导入 Angular Material 主题

Question

我正在尝试使用 Angular 9、Storybook 5.3 和 Angular Material 9 构建组件库。 我有一些使用 material 组件的组件。一个例子是对话框。 我的问题是 Dialog 在 Storybook 中显示不正确。

我通过将 theme.css 添加到 angular.json 样式使其与 Storybook 一起使用，但这不适用于图书馆。

我的第二次尝试是直接 @import 我所有 component.css 的主题。这没有用。

我的-component.css

@import "~@angular/material/prebuilt-themes/indigo-pink.css";

显然 styleUrls 指向 my-component.css

有人知道如何将主题正确应用到我的图书馆吗？ 我找到了一些告诉我将样式复制到 dist 文件夹中的答案，但我不确定这是否也适用于 Storybook。

Answer 1

Angular 9 和 Angular material 出现问题。我升级到版本 11 和 Storybook 6，它立即运行。