【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决

【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:\***\src'

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第1张图片
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第2张图片
我是跟着视频敲得代码啊

怎么我这里就出错了呢 ? ? ?

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第3张图片
于是

我在网上找寻各种解决办法

无 果

还得靠自己解决

首先

这个“Module not found: Can’t resolve ‘antd/dist’”报错的意思是:

'antd/dist’这个模块没有找到

于是我就查看该目录

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第4张图片
这不是有这个模块吗? ? ? ? ? ?
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第5张图片
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第6张图片
然后

我想是不是不能直接导入这个包

导入整个包是不是就不能编译

所以是不是这里的问题呢?

于是

我更改导入为

import 'antd/dist/antd.css'

再次编译
在这里插入图片描述

通过了!!!

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第7张图片
运行也可以正常显示

关键时刻

度娘都不管事

还得靠自己能力解决问题
【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第8张图片

【总结】所以,这里还是导入的包的目录的问题,导入到具体的文件。

【React + Antd 教程】Failed to compile. Module not found: Can't resolve 'antd/dist'完美解决_第9张图片

【Java Web】相关技术文章:
【Java Web总结】Java Web项目中 的.classpath、.mymetadata、.project文件作用
【Java Web问题解决】Tomcat报错javax.servlet.ServletException: Error instantiating servlet class.报错404
【比较】什么是“服务器端跳转”“客户端跳转”,二者有什么区别?
【总结】表单提交的get和post有什么不同?
【Java Web问题解决】Tomcat报错:java.lang.ClassCastException: cannot be cast to javax.servlet.Filter解决办法
【Java Web问题解决】Filter过滤器初始化方法init()执行了两次原因及解决方法
【总结】Java Web 中的4种属性范围(page、request、session、application)
【Java Web问题解决】Tomcat报错:java.sql.SQLException: No suitable driver found for jdbc:mysql://
【Java Web问题解决】Tomcat启动时控制台出现中文乱码的问题解决方法
【示例项目】java实现通过身份证号码判断籍贯所在地区
【总结】HTTP协议中的状态码(200、403、404、500等)
【Java Web问题解决】提交表单后显示乱码原因及解决办法
【Java Web总结】JSP页面的生命周期详解
【Java Web总结】JSP页面实现类详解
【Java Web 问题解决】Tomcat启动失败 报错:Server Tomcat v9.0 Server at localhost failed to start.
【Java Web问题解决】连接数据库出错:java.sql.SQLException: No suitable driver found for jdbc:mysql://localhost:3306/
【Java Web问题解决】使用过滤器Filter解决提交表单后显示乱码问题
【Java Web问题解决】过滤器Filter进行编码过滤后页面空白、显示不了原因及解决办法

【Linux 操作系统】相关技术文章:
【Linux问题解决】Ubuntu Linux 安装gcc4.9 g++4.9报错“没有可供安装的候选者”解决办法
【Linux教程】Ubuntu Linux 更换源教程
【Linux教程】如何实现在Ubuntu Linux和windows之间复制粘贴、拖拽复制文件?
【Linux问题解决】操作系统用C语言多线程编程 对‘pthread_create’未定义的引用 报错解决办法
【Linux教程】Linux中用C语言多线程编程之pthread_join()函数
【Linux操作系统、C语言】在Linux中用C语言进行OpenMP并行程序设计之常见指令、库函数和指令总结
【VMware 虚拟机问题解决】VMware Workstation pr无法在Windows上运行的解决方案
【Linux 问题解决】Ubuntu执行apt-get命令报错:无法获得锁 /var/lib/dpkg/lock…解决方案

【Python】相关技术文章:
【总结】Python与C语言、Java等语言基本语法的不同点
【总结】分析Python中的循环技巧
【总结】Python语言是编译型语言还是解释型语言?(Python程序执行过程)
【总结】Python2 和 Python3 的区别
利用Python一层循环打印 * 型三角形
【总结】Python与C语言、Java等语言基本语法的不同点
【总结】你知道吗?——元组其实是可变的序列!
【Python爬虫教程】Python爬虫基本流程及相关技术支持
【Python问题解决】PyCharm中debug报错:using cython not found. pydev debugger: process 13108 is connecting原因及解决
【Python总结】闭包及其应用

【IntelliJ IDEA教程】相关技术文章:
【Intellij IDEA教程】怎么自动清除无效的import导入包、清除无效的import导入包的快捷键
【IntelliJ IDEA教程】在IntelliJ IDEA启动项目 Warning:java: 源值1.5已过时, 将在未来所有发行版中删除 解决办法
【IntelliJ IDEA教程】提示信息Unmapped Spring configuration files found.Please configure Spring facet. 解决办法
【IntelliJ IDEA教程】怎么取消IntelliJ IDEA对单词拼写的检查

【Jupyter Notebook教程】相关技术文章:
【Python教程】Jupyter Notebook把一段很长的代码分成多行的解决办法】

【操作系统 教程】相关技术文章:
【Linux操作系统 教程】进程间的五种通信方式详解之——管道】

【Android 教程】相关技术文章:
【Android教程】Android Studio找不到连接的手机完全解决办法】
【Android问题解决】java.io.IOException: Cleartext HTTP traffic to … not permitted完美解决

【React 教程】相关技术文章:
【yarn问题解决】An unexpected error occured:“https://npm-registry.toolsfdg.net/”connnect ECONNREFUSED10.

【JS 教程】相关技术文章:
【JS语法糖】常见的几种JS语法糖

【Windows 教程】相关技术文章:
【Windows技巧】完美解决“如何在任意文件夹中右键打开cmd终端?”右键快捷方式打开指定文件夹目录下的cmd终端

关于JSP页面的生命周期详解,可参考如下的技术文章:
【Java Web总结】JSP页面的生命周期详解

你可能感兴趣的:(React,React,Web,Antd,前端)