Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘

Module not found: Error: Can’t resolve ‘antd/dist/antd.css’ in ‘E:\new\react\geek-pc\src’。

Hi,我是赵猛,今天是做react项目的第二天,记录一下学习过程中出现的一些问题。

一、报错

今天使用yarn add antd命令安装好Ant Design组件库,导入antd全局样式的时候出现了这样的一个错误:
在这里插入图片描述
通过观察引入的路径,去node_modules文件中去查找,发现antd/dist中并没有css的文件,只有js相关的文件

二、解决方法

  • 需要先卸载之前的antd
    • yarn remove antd
  • 尝试降低版本,yarn指定版本号
    • yarn add antd@^4.24.2

安装成功之后,再去导入antd的全局样式import ‘antd/dist/antd.css’,会发现报的错更多了,呜呜呜。
不过好在解决方案很简单,只需要将导入antd的全局样式import 'antd/dist/antd.css’替换为import 'antd/dist/antd.min.css’即可解决

三、通过上述两处修改之后,无报错

希望对你有所帮助!

猜你喜欢

转载自blog.csdn.net/weixin_51583081/article/details/128539607