通天塔冲突运行故事书

Posted 2023-02-19

【中文标题】通天塔冲突运行故事书

【英文标题】：babel conflict running storybook

【发布时间】：2020-09-25 19:58:33

【问题描述】：

我有一个使用 create-react-app 构建的应用。我添加了故事书（根据本手册https://storybook.js.org/docs/guides/guide-react/）。当我运行yarn storybook 时，我得到了这个错误。

'loose' mode configuration must be the same for both @babel/plugin-proposal-class-properties and @babel/plugin-proposal-private-methods

不太清楚如何解决。有什么想法吗？

【问题讨论】：

看起来像一个持续存在的问题（有解决方法）：github.com/babel/babel/issues/11622github.com/facebook/create-react-app/issues/9068

【参考方案1】：

任何有同样问题的人，这是最好的解决方案（来自 yuriy636 提供的链接）。将此添加到 babel 配置中

plugins: [
      '@babel/plugin-proposal-class-properties',
      '@babel/plugin-proposal-private-methods',
    ],

【讨论】：

对于遇到此问题但仍有问题的任何人，请确保您已安装所有相关的 @storybook 软件包。我在我的manager.js 文件中拉入@storybook/addons，但没有安装它（也没有关于它的 IDE 警告）

请用额外的建议更新答案或将其作为单独的答案发布，我实际上只能通过@AdamMThompson 修复来解决这个问题