ant modal 或antd-img-crop部署后样式不生效问题

文章描述

antd-img-crop是一个可用于上传图片前的编辑插件, 部署成功后antd-img-crop样式没有生效, 以及如何解决?

 

打包上线后,文件上传是这样的

 

原先按照antd组件demo文档引入的只有

import React, { useState } from 'react';
import { Upload } from 'antd';
import ImgCrop from 'antd-img-crop';

 

我们需要引入modal 的样式

import 'antd/es/modal/style';

再看看效果

 

再观察,其它下面的大小样式也还没有,所以我们还需要引入下面这一句话

import 'antd/es/slider/style';

 

总结:只要在index.tsx(jsx)引入这两行代码即可解决问题

import 'antd/es/modal/style';
import 'antd/es/slider/style';

 

评论(共0条)