Сборник рассказов в приложении Create-react-app: typeError: args.flat не является функцией

Question

Я установил сборник рассказов в приложение create-react app благодаря команде npx -p @storybook/cli sb init. Затем я добавил базовую c историю в папку историй. При запуске сборника рассказов вылетает и говорит: 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

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 до Ручную настройку . Похоже, есть проблемы совместимости между create-react-app и бета-версиями Storybook 6. +.