Create-react-app 中的故事书：typeError：args.flat 不是 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

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

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