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';
上一篇:Centos 防火墙配置
下一篇:微前端学习总结