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 版本之間存在一些兼容性問題。