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

10月前作者：weixin_51583081 分类：Toy博客阅读(55) 违法举报

这篇具有很好参考价值的文章主要介绍了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全局样式的时候出现了这样的一个错误：
$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’即可解决

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

希望对你有所帮助！文章来源地址https://www.toymoban.com/news/detail-424383.html

到了这里，关于Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！

分享到：

领支付宝红包赞助服务器费用

elementui安装不上，报错：Module not found: Error: Can‘t resolve ‘element-ui/lib/theme-chalk/index.css‘ in ‘D

elementui安装不上，报错：Module not found: Error: Can’t resolve ‘element-ui/lib/theme-chalk/index.css’ in \\\'D:workspaceweb-ele-uivue-managesrc’自定义目录标题) 使用多种办法都没能安装上，在package.json文件中没有发现有elementui对应的版本号解决方法： 1、删除项目中的node_modules文件夹 2、在项目

2024年02月16日
浏览(58)
前端报错 : Module not found: Error: Can‘t resolve ‘xxx‘ in ‘xxx‘

Module not found: Error: Can\\\'t resolve \\\'../src/comporents/MyHeader\\\' in \\\'C:Users15718Desktopeightsrc\\\' 模块未找到:错误:无法解决../src/comporents/MyHeader\\\' 在 \\\'C:Users15718Desktopeightsrc\\\' 错误原因是组件引入 App.vue/其他组件时出错了,仔细检查引入的文件名大小写及单词拼写是否正确!! ! 我的就是comp

2024年02月09日
浏览(51)
vue中Module not found: Error: Can‘t resolve ‘xxx’ in ‘xxx’

该问题的出现：可能是下载的库vue创建的时候没有直接引入（由于使用npm直接安装时权限不够，而以管理员身份运行cmd）方法一：以管理员身份进入cmd后，切换到你vue项目所在目录，再执行install安装方法二： 1、先删除node_modules文件夹 2、然后执行npm install命令

2024年02月11日
浏览(56)
Module not found: Error: Can‘t resolve ‘vue-pdf‘ in ‘xxx‘

使用命令npm run serve时vue项目报错： Module not found: Error: Can\\\'t resolve \\\'vue-pdf\\\' in \\\'xxx\\\' 解决方案：运行命令：即可解决。再次顺利执行npm run serve

2024年02月11日
浏览(50)
Module not found: Error: Can‘t resolve “xxx“ in “xxx“导致该问题的解决方案

先看报错提示根据报错提示反应的情况是：找不到模块：错误：无法解析在遇到报错时应该仔细阅读报错提示，这样解决起来也不会没有头绪在红色遮挡下有该报错出现的主要原因在此处我们谈论一下解决该类报错的几种方法 1：在非路由组件中出现了图片路径，而

2024年02月03日
浏览(51)
$Vue终端运行报错：ERROR in indexModule not found: Error: Can‘t resolve ‘···文件地址···src\index\main.js‘ in 文件地址$

Vue终端运行报错：ERROR in indexModule not found: Error: Can‘t resolve ‘···文件地址···src\index\main.js‘ in 文件地址

问题描述：编写vue项目时，终端报错： ERROR in index Module not found: Error: Can\\\'t resolve \\\'···文件地址···srcindexmain.js\\\' in \\\'···文件地址···\\\' ERROR in subpage Module not found: Error: Can\\\'t resolve \\\'···文件地址···srcsubpagemain.js\\\' in \\\'···文件地址···\\\' webpack compiled with 2 errors 具体如图：

2024年02月15日
浏览(44)
【React】next+antd报错：Module not found: Can‘t resolve ‘antd/es/content‘

Antd + Next手册：https://ant.design/docs/react/use-with-next-cn 根据官方手册进行项目创建 yarn create next-app antd-demo yarn add antd 得到以下环境： Environment Info antd 5.6.4 next 13.4.8 react 18.2.0 安装完依赖后，运行 yarn dev 后浏览 http://localhost:3000 时报错：终端报错信息：根据官方GitHub issues检索的

2024年02月13日
浏览(63)
Module not found: Error: Can‘t resolve ‘element-ui‘ in ‘/Users/luchengcheng/MyApplication/VUE/yeb_fr

使用vue2进行开发时，安装element-ui后，npm编译运行报错： ERROR Failed to compile with 1 error 23:27:37 error in ./src/main.js Module not found: Error: Can\\\'t resolve \\\'element-ui\\\' in \\\'/Users/luchengcheng/MyApplication/VUE/yeb_front/yeb/src\\\' ERROR in ./s

2024年02月11日
浏览(54)
Module not found: Error: Can‘t resolve

只需要再webpack添加这个配置即可 resolve: { extensions: [\\\'.ts\\\', \\\'.js\\\'] }

2024年02月13日
浏览(50)
vue 解决：Module not found: Error: Can‘t resolve ‘vue-router‘ 的问题

其一、报错为： Module not found: Error: Can\\\'t resolve \\\'vue-router\\\' 中文为：找不到模块：错误：无法解析“vue-router” 其二、问题描述为：根据报错的中文信息可知：应该是无法解析 vue-router 模块，应该是 vue-router 的版本或引入出了问题; 其一、查看 vue-router 的使用或引入方式是否有

2024年01月25日
浏览(60)