Create-react-app 中的故事书：typeError: args.flat is not a function

Question

感谢命令npx -p @storybook/cli sb init，我已经在create-react app 应用程序中安装了故事书。然后，我在故事文件夹中添加了一个基本故事。启动故事书时，它崩溃并显示：typeError: args.flat is not a function

这是我的故事：

import React from "react";
import Hello from "./components/Hello";
import faker from "faker";

const text = faker.internet.email();
export const Default = () => {
  return <Hello text={text} />;
};

还有配置：

module.exports = {
  stories: ['../src/**/*.stories.js'],
  addons: [
    '@storybook/preset-create-react-app',
    '@storybook/addon-actions',
    '@storybook/addon-links',
  ],
};

我尝试用自定义配置替换它：

import { configure } from "@storybook/react";

function loadStories() {
  const req = require.context("../src/stories", true, /\.stories\.js$/);
  req.keys().forEach((filename) => req(filename));
}

configure(loadStories, module);

如何解决这个问题？

Answer 1

升级你的节点版本，12以上的任何版本都必须工作。

如果你使用的是非虚拟机

nvm install --lts

Answer 2

以下命令存在问题，应该自动检测底层框架。启动故事书失败并出现 args.flat is not a function 错误

npx -p @storybook/cli sb init

改用这个

npx -p @storybook/cli sb init --type react

如果您已经预装了故事书并遇到此错误，请使用 -f 命令覆盖它

npx -p @storybook/cli sb init --type react -f

Answer 3

我今天遇到了同样的问题，并通过安装Storybook v. 5.3.19 到Manual setup 修复了它 . create-react-app 和 Storybook 6.+ beta 版本之间似乎存在一些兼容性问题。