ant modal 或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';