使用Storybook导入角度库中的角度材质主题

Question

我正在尝试用Angular 9、Storybook 5.3和Angular Material 9构建一个组件库。我有一些使用材料组件的组件。对话框就是一个例子。我的问题是对话框在故事书中没有正确显示。

我通过将theme.css添加到angular.json样式中来使用Storybook，但这对库不起作用。

我的第二次尝试是直接将主题@import发送到我的所有组件.css。这没有成功。

my-component.css

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

显然styleUrls指向my-component.css

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

Answer 1

Angular 9和Angular材质出现问题。我升级到了版本11和故事书6，它立即发挥了作用。