Failed to parse source map 导致的antd样式不起效问题

问题背景

要使用antd直接引入即可,如下:

// 在App.css种全局引入即可
import 'antd/dist/antd.css'// or 'antd/dist/antd.less'

问题出现

但是报错:Failed to parse source map,如图:
Failed to parse source map 导致的antd样式不起效问题_第1张图片

解决方案

错误出现在引用antd/dist/antd.css文件时,

解决方案1: 更改如下(未起效):

- import 'antd/dist/antd.css'
+ import 'antd/dist/antd.less'

上面的报错消失了,但页面出现抖动,且可以看到没有引入成功
Failed to parse source map 导致的antd样式不起效问题_第2张图片

**解决2:**更改如下(起效):

- import 'antd/dist/antd.css'
+ import 'antd/dist/antd.min.css'

页面正常显示

Failed to parse source map 导致的antd样式不起效问题_第3张图片

你可能感兴趣的:(问题,antd,前端)