storybook - framer-motion 在构建环境中出现故事书错误

Question

我正在构建一个 UI 库。

有没有人用 framer-motion 和 storybook？

在storybook中运行正常，但是在构建环境中出现错误。

有些人建议降级，但它对我不起作用。

有没有人遇到和我一样的问题？

Answer 1

在这里遇到同样的问题。我认为这是由于新版本的 Framer-motion 与某些工具不兼容。我今天会调试并让您知道我是否能够找到解决方案。

编辑

成功了!将以下内容添加到您的 .storybook/main.js 文件中

module.exports = {
  // Any existing rules
  ...

  // The fix
  webpackFinal: async (config) => {
    config.module.rules.push({
      test: /\.mjs$/,
      include: /node_modules/,
      type: "javascript/auto",
    });
    return config;
  }
}