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全局样式的时候出现了这样的一个错误：
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘
通过观察引入的路径，去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’即可解决

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

希望对你有所帮助！

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。