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

编程问答 2022-10-10

问题描述

我显然在关于故事书的文档中遗漏了一些东西来了解正在发生的事情。如果我有如下文件结构（这恰好是一个 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 的已经建立的文件来写出故事书使用的信息（基本上是复制组件），如果该文件丢失，则它给出这个错误？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

componentscomponentsfile-structurestorybookvue.js