typescript Storybook 7 MDX中的“无法读取null的属性(阅读'classList')”?

vu8f3i0k  于 2023-05-19  发布在  TypeScript
关注(0)|答案(1)|浏览(259)

最近我把我的项目从故事书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} />

这是我的文档页面

的结果

p8h8hvxi

p8h8hvxi1#

两天后,我找到了解决方案。
问题是在preview.ts中,docs参数中有一个已弃用的属性设置为false

docs: { 
   inlineStories: false,
}

我把这条线改进去

docs: { 
   story: {
      inline: false
   }
},

现在是找工作

相关问题