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

最新推荐文章于 2024-04-27 00:44:48 发布
最新推荐文章于 2024-04-27 00:44:48 发布
阅读量8k 收藏 4
点赞数 5
文章标签： css react.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_51583081/article/details/128539607
版权

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’即可解决

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

希望对你有所帮助！

weixin_51583081
关注
  • 5
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue配置使用Ant Design——环境搭建
u010565037的博客
09-14 2934
安装 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在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在moment@2.18.1中是没有问题的。 解决方案就是配置webpack的alias,将所有...
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
会思想的苇草i的博客
12-12 1246
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘**********‘
引入import ‘ant-design-vue/dist/antd.css‘时报错
weixin_50636942的博客
08-31 7964
提示 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 时初始化项目报错。
解决dva引入antd报错
最新发布
weixin_45085122的博客
04-27 177
跟着官方文档学dva，安装antd时./src/routes/IndexPage.js报错。不知道为什么 npm uninstall antd 失败，只好重建了dva项目。不执行官方文档中下面的命令，安装旧版本的antd（上面的命令）就可以了。
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
Ant Design 使用出现 Error: Can‘t resolve ‘~antd/dist/antd.css‘
张三疯zk的博客
02-23 8087
去文档官网看了一下在5.2.2版本中的引入文件名确实已经改变了 其实就是版本升级问题。发现是css引入文件路径有问题，沿着这个路径找发先引入文件已经改名了。在运行Recat-Ant Design项目安装依赖时发现控制台报错。改变文件名，项目就成功启动了。
Module not found: Error: Can‘t resolve ‘antd/dist/antd.min.css‘
weixin_73087898的博客
02-07 1904
引入antd库后发现Module not found的问题
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for ...ERROR in Entry module not found: Error: Can't resolve './src' in 'E:\HBuilder\Vue\day07\test1' npm ERR! code ELIFECYCLE npm ERR! errno 2 npm ERR! test
解决React在安装antd之后出现的Can't resolve './locale'问题(推荐)
10-15
通过以上步骤，我们解决了React应用在安装antd后出现的“Can't resolve './locale'”问题。然而，需要注意的是，长期依赖较低版本的库可能会带来其他潜在问题。因此，建议密切关注官方更新和修复，以确保项目使用的...
dt-react-component：基于antd包的React UI组件库
02-06
dtReact成分 English |基于React UI组件库。 主要用于中，后端产品。 我们的目标是满足更具体，更具体的业务场景组件。 当然，我们也有基于本机javascript的出色业务组件，例如ContextMenu ， KeyEventListener等。...
解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题
10-14
主要介绍了解决Unable to access 'https://gitee.com/自己的项目/': Could not resolve host: gitee.com问题,需要的朋友可以参考下
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
2301_82095378的博客
01-06 1113
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
vue项目出现Module not found: Error: Can‘t resolve ‘stylus-loader‘错误解决方案
w36680130的博客
10-05 2240
vue项目出现Module not found: Error: Can't resolve 'stylus-loader'错误解决方案
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案
热门推荐
qq_59389108的博客
01-07 5万+
其细致的报错为：Module not found: Error: Can't resolve './images/logo.png' in 'xxx'2：在非路由组件中的style下采用了less样式，而没有下载less相关依赖。在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪。1：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
react安装依赖引入报错
执笔绘江山的博客
11-26 2900
在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下载的是最新版本的依赖文件，如
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
qq_52174918的博客
05-07 4703
即可。
react+antd报错：Module not found: Error: Can‘t resolve ‘antd/es/input/style/css‘ in XXX
weixin_45866961的博客
10-29 6302
Module not found: Error: Can't resolve 'antd/es/input/style/css' in xxx
关于create-react-app项目中引入antd-mobile.css报错问题
weixin_58453329的博客
02-15 598
关于create-react-app项目中引入antd-mobile.css报错问题以及解决方法
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`模块，并将其...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值