相关疑难解决方法(0)

故事书不了解对antd组件的按需导入

我已按照此处的指示进行操作,以使antdCRA正常工作。但是,从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”

我已经(长时间)被困在谷歌上很长时间了,对我们的任何帮助表示感谢。谢谢!

reactjs create-react-app antd storybook

7
推荐指数
2
解决办法
1180
查看次数

Storybook 需要导出默认的 Ant Design 组件以应用样式

我希望使用 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 …

reactjs antd storybook

3
推荐指数
2
解决办法
2592
查看次数

标签 统计

antd ×2

reactjs ×2

storybook ×2

create-react-app ×1