首页IT科技ModuleNotFoundError:没有模块命名请求(Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘)

ModuleNotFoundError:没有模块命名请求(Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘)

时间2025-06-21 00:31:20分类IT科技浏览7790
导读: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’即可解决

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

希望对你有所帮助!

创心域SEO版权声明:以上内容作者已申请原创保护,未经允许不得转载,侵权必究!授权事宜、对本内容有异议或投诉,敬请联系网站管理员,我们将尽快回复您,谢谢合作!

展开全文READ MORE
跨平台软件开发 c&c++ brian hook(2023年最全盘点 | 16款跨平台应用程序开发框架) 提升网站流量的关键:解决网站未被收录的问题是什么(提升网站流量的关键:解决网站未被收录的问题)