使用自定义 babelrc 文件的 Storybook 引发错误

Posted 2023-02-19

【中文标题】使用自定义 babelrc 文件的 Storybook 引发错误

【英文标题】：Storybook throwing errors with custom babelrc file

【发布时间】：2019-09-25 09:47:06

【问题描述】：

我有一个项目，它正在使用故事书。它已升级到 storybook 的第 5 版，并且该项目的根目录中有一个 .babelrc 文件。

运行 storybook 时，它会运行，但是当您使用 Actions 时，它会抛出错误 - 例如 unexpected token。 我发现如果项目的 .babelrc 文件被删除，那么 storybook 会加载其默认配置，这将允许 storybook 按预期工作。

Storybook 可以使用 storybook 文件夹中的 .babelrc 文件，这样它就会忽略根项目的 .babelrc 文件，但是应该在该文件中添加什么以便加载 storybook 默认配置或复制 storybook 默认配置？

【参考方案1】：

部分解决方案： 这不会使 storybook 加载默认的 .babelrc 文件/配置或复制任何可能的内容，但我发现是 react-hot-loader/babel 插件导致了问题。

所以我从我的 .babelrc 文件中删除了该条目，并且带有 Actions 的故事书现在可以正常工作了。