最近我把我的项目从故事书6.5更新到了7。
所有的故事工作良好,autodoc是完美的。现在我需要为Button组件编写一个自定义文档,但是当我使用带有of属性的Story标签时,当我打开文档页面时收到一个错误。
文档文件呈现在正确的位置,然后在按钮组件的“Doc”页面中。
Button.stories.ts
import { Meta, StoryObj } from '@storybook/angular';
import ScButtonComponent from 'xxx/components/base/button/button.component';
const meta: Meta<ScButtonComponent> = {
title: 'Component/Base/Button',
component: ScButtonComponent,
};
export default meta;
type Story = StoryObj<ScButtonComponent>;
export const Primary: Story = {
args: {
level: 'primary',
label: 'Click',
}
}
export const Secondary: Story = {
args: {
level: 'secondary',
label: 'Click',
}
}
export const Tertiary: Story = {
args:{
level: 'tertiary',
label: 'Click',
}
}
export const Icons: Story = {
args: {
level: 'icon',
iconAfter: 'fa-solid fa-question'
}
}
button.mdx
{/* button.mdx */}
import { Canvas, Story, Meta } from '@storybook/blocks';
import * as ButtonStories from './button.stories';
<Meta of={ButtonStories} />
# Button
<Story of={ButtonStories.Primary} />
这是我的文档页面
的结果
1条答案
按热度按时间p8h8hvxi1#
两天后,我找到了解决方案。
问题是在
preview.ts
中,docs参数中有一个已弃用的属性设置为false我把这条线改进去
现在是找工作