我已按照此处的指示进行操作,以使antd与CRA正常工作。但是,从Storybook中使用它时,出现以下错误:
生成失败,原因是未启用混入消息,并显示消息内联JavaScript。是否在您的选项中设置了?
我已经解决了我在这里提出的一个问题之后的建议。
现在,故事书可以理解antd, 但不能按需导入组件。必须为故事书单独配置babel吗?
1。在使用import { Button } from "antd";
我得到这个:

2。使用时
import Button from "antd/lib/button";
import "antd/lib/button/style";
Run Code Online (Sandbox Code Playgroud)
我得到:

故事书版本:“ @ storybook / react”:“ ^ 3.4.8”
依赖项:“ antd”:“ ^ 3.7.3”
我已经(长时间)被困在谷歌上很长时间了,对我们的任何帮助表示感谢。谢谢!
我希望使用 Ant Design 设计我的一些 React 组件并在 Storybook 中记录它们。
故事书和组件都编写正确且工作正常。
modal.stories.js
import React from "react";
import { action } from "@storybook/addon-actions";
import { Button } from "@storybook/react/demo";
import { BasicModal } from "./BasicModal";
import { Modal } from "antd"; // IF I REMOVE THIS ANT DESIGN DOESN'T APPLY.
export default {
title: "Modals"
};
export const basicModal = () => <BasicModal visible={true} />;
export const basicModal2 = () => <Modal visible={true} />; //IF I REMOVE THIS ANT DESIGN DOESN'T APPLY.
Run Code Online (Sandbox Code Playgroud)
BasicModal.tsx …