Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘

已于 2023-09-13 11:36:44 修改
阅读量8.5k 收藏 7
点赞数 20
分类专栏： Ant Design 文章标签： 前端
于 2023-02-23 12:47:00 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/q1277517096/article/details/129178745
版权
在升级AntDesign到5.2.2版本后，项目报错，原因是css引入文件路径与当前文件名不匹配。经过检查发现文件已改名，更新引用后问题解决。此外，此版本中AntDesign的样式文件似乎可直接生效，无需额外引入。
摘要由CSDN通过智能技术生成

在运行Recat-Ant Design项目安装依赖时发现控制台报错

在这里插入图片描述
发现是css引入文件路径有问题，沿着这个路径找可以看到引入文件已经改名了
在这里插入图片描述
去文档官网看了一下在5.2.2版本中的引入文件名确实已经改变了 其实就是版本升级问题
在这里插入图片描述
改变文件名，项目就成功启动了
在这里插入图片描述在这里插入图片描述
而且在这个版本中的Ant Design的样式文件好像不需要引入也可以直接生效

张三疯zs
关注
专栏目录
使用antd引入antd.css报错
分享我所知道的,让你知道的更明白.
05-14 7636
WARNING in ./node_modules/antd/dist/antd.css (./node_modules/css-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[1]!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[1].oneOf[5].use[2]!./node_modules/source-map-loader/dist/cjs.js!./node_modu
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决
热门推荐
菜鸟的后花园
04-28 1万+
【React + Antd 教程】Failed to compile. Module not found: Can’t resolve 'antd/dist’完美解决 今天在学习React + Antd时 出了个不能编译的报错 Failed to compile. ./src/App.js Module not found: Can't resolve 'antd/dist' in 'G:\***...
Ant design - Module not found: Error: Can‘t resolve ‘ant-design-vue/dist/antd.css‘ in ‘ ‘
最新发布
qq_20770569的博客
08-03 564
报错：Module not found: Error: Can't resolve 'ant-design-vue/dist/antd.css' in 'xxx' 原因：引入的antd.css文件实际上应该是reset.css文件，是由于ant-design-vue的官网给的代码和实际下的包的文件不一致导致。
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
会思想的苇草i的博客
12-12 1707
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘
weixin_51583081的博客
01-03 8133
Hi,我是赵猛，今天是做react项目的第二天，记录一下学习过程中出现的一些问题。
react引入antd报错找不到antd/dist/antd.css Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in
weixin_51867622的博客
11-19 1万+
Failed to compile. Module not found: Error: Can't resolve 'antd/dist/antd.css' in 'D:\develop\file\react-file\exercise\react-pc-142\src' ERROR in ./src/index.js 9:0-28 Module not found: Error: Can't resolve 'antd/dist/antd.css' in 'D:\develop\file\re
Module not found: Error: Can‘t resolve ‘antd/dist/antd.min.css‘
weixin_73087898的博客
02-07 2116
引入antd库后发现Module not found的问题
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
2301_82095378的博客
01-06 1177
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
然而，在安装和使用antd的过程中，有时会遇到“Can't resolve './locale'”的错误，这个问题通常是由于与moment.js库的版本冲突所导致的。在本文中，我们将深入探讨这个问题的原因，并提供一种有效的解决方案。 ...
: can't resolve 'antd/dist/antd.min.css' in 'd:\xuexi\react\项目\mreact\src\
04-27
对于出现can't resolve 'antd/dist/antd.min.css' in 'd:\xuexi\react\项目\mreact\src\的问题，可能是antd.min.css这个文件没有被正确的引入或者安装的问题。我们可以通过以下几个步骤来解决： 1. 确认antd的安装...
next.js报错Module not found: Can't resolve 'antd/dist/reset.css'
06-01
config.resolve.alias['@ant-design/icons/lib/dist$'] = path.resolve(__dirname, './lib/icon.js') return config } }) ``` 3. 如果以上方法都没有解决问题，你可以尝试手动安装`@zeit/next-css`模块，并将其...
引入import ‘ant-design-vue/dist/antd.css‘时报错
weixin_50636942的博客
08-31 9050
提示 Module not found: Error: Can't resolve 'ant-design-vue/dist/antd.css' in 'D:\yupi\antd-demo\src'初始化前端时候总拉不下来ant.css文件，这个路径ant-design-vue 不存在css文件。后来发现官方文档给的是错误的，css文件叫reset.css。在使用Ant Design Vue 时初始化项目报错。
React练习项目在src中使用@import ‘~antd/dist/antd.css‘； 报错：Can‘t resolve ‘~antd/dist/antd.css‘
m0_62544477的博客
03-30 503
使用@import '~antd/dist/antd.css'; 报错：Can‘t resolve '~antd/dist/antd.css'
使用ant design vue 中table组件运行时not found: Error: Can't resolve 'reqwest' in 'D:\vue\antd-demo01\src\com
languai的博客
08-19 3620
最近使用table时按照官网api使用table报了上面这个错误 1.只需要安装无法找到文件就可以正常运行了 2.命令行cd进入项目文件 3.运行npm install --save reqwest table就出来了 ...
Antd的Image引入无法显示
qq_53528172的博客
03-23 693
下载插件（这个插件就是将代码从 require 语法转换为 import ）当然，在这里绝对路径也不行。
vue项目出现Module not found: Error: Can‘t resolve ‘stylus-loader‘错误解决方案
w36680130的博客
10-05 2256
vue项目出现Module not found: Error: Can't resolve 'stylus-loader'错误解决方案
Vue配置使用Ant Design——环境搭建
u010565037的博客
09-14 2971
安装 npm install ant-design-vue --save 然后在main.js里面引入 import ant from 'ant-design-vue' import 'ant-design-vue/dist/antd.less' Vue.use(ant) 如下所示 到此你就可以使用它的组件了。【注意：如果你不需要自定义主题颜色，把import的less文件改为css文件】 配置一下自定义主题 在项目根目录建立vue.config.js 文件，这里你可以修改主题...
react安装依赖引入报错
执笔绘江山的博客
11-26 3133
在react脚手架中，使用npm add antd安装最新的依赖以后，再使用import 'antd/dist/antd.css'全局引入会报错，报错原因显示为： Module not found: Error: Can't resolve 'antd/dist/antd.css' in 'C:\Users\26396\Desktop\react-project\src' 这时进入下载的antd依赖文件中查看会发现找不到antd.css的文件，原因是使用默认add antd下载的是最新版本的依赖文件，如
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值