Question

当我编辑组件并进行热模块重新加载时，所有其他具有相同标题的故事都会消失。唯一的一个就是我刚刚编辑的组件的故事。

在component1.stories.tsx中：

import * as React from 'react';

import Provider from './provider';
import Component1Component from './component1';

export const Component1 = () => {
  return(
    <Provider>
        <Component1Component />
    <Provider>
  )
}
export default {
  title: 'Components',
};

在component2.stories.tsx中：

import * as React from 'react';

import Provider from './provider';
import Component2Component from './component2';

export const Component2 = () => {
  return(
    <Provider>
        <Component1Component />
    <Provider>
  )
}
export default {
  title: 'Components',
};

因此在上面的示例中，如果我编辑component1.tsx，则关于component2.tsx的故事消失了。

在我的package.json中

    "@storybook/addon-actions": "^5.3.19",
    "@storybook/addon-info": "^5.3.19",
    "@storybook/addon-knobs": "^5.3.19",
    "@storybook/addon-links": "^5.3.19",
    "@storybook/addon-storysource": "^5.3.19",
    "@storybook/addons": "^5.3.19",
    "@storybook/react": "^5.3.19"
    "react-storybook-addon-props-combinations": "^1.1.0",

Answer 1

根据这个Github问题评论：

https://github.com/storybookjs/storybook/issues/7493#issuecomment-514508328

故事不应有重复的标题。尝试更改标题以反映不同组件的名称。

此问题显然已在此PR中解决：

https://github.com/storybookjs/storybook/pull/7542

进行热模块重新加载时，故事书中的故事消失

1 个答案: