理解 Storybook 在组件、故事和故事组件之间的联系

如何解决理解 Storybook 在组件、故事和故事组件之间的联系

我显然在关于故事书的文档中遗漏了一些东西来了解正在发生的事情。如果我有如下文件结构（这恰好是一个 Vue.js 故事，但我不确定这是否重要），那么 storybook works:

src 
  components
    MyButton.vue
stories
  Button.stories.tsx // this imports the MyButton.vue
  Button.vue
  

它有效，即使 Button.vue 是一个空文件！但是，如果我删除或重命名 Button.vue，则故事书会引发错误：

Button
ERROR in ./src/stories/Button.vue
Module build Failed (from ./node_modules/vue-loader/lib/index.js):
Error: ENOENT: no such file or directory,open '<abbr path>/src/stories/Button.vue'

所以 Button.stories.tsx 在这里需要一个名为 Button.vue 的已经建立的文件来写出故事书使用的信息（基本上是复制组件），如果该文件丢失，则它给出这个错误？