Module not found: Can‘t resolve ‘@ant-design/pro-field‘ in ‘/Users/liu/webpro/src/entrance/main‘

最新推荐文章于 2024-01-30 11:34:03 发布
最新推荐文章于 2024-01-30 11:34:03 发布
阅读量3k 收藏 1
点赞数 1
分类专栏： 前端 文章标签： npm react.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_53768302/article/details/119905856
版权
在VScode运行React应用时遇到AntDesign组件找不到的问题，通过检查发现是忘记安装@ant-design/pro-field模块。简单地通过npm install @ant-design/pro-field --save即可解决。此博文提醒开发者注意避免此类基础错误。
摘要由CSDN通过智能技术生成

在VS code中运行react项目时，项目引用代码段，有时候会报Module not found: Can't resolve '@ant-design/pro-field' in '/Users/liu/webpro/src/entrance/main'的错误，具体见下图。

试了好多种办法，就是解决不了，然后。。。问题居然是自己忘了安装@ant-design/pro-field！

但还是要记录一下，警示自己以后不要犯这种 无脑向前冲 的错误了 

在终端直接npm  install @ant-design/pro-field --save回车

问题就解决了，如果不知道怎么打开终端，可以参考一下这个链接

方心
关注
专栏目录
Taro使用Vue3踏坑日记：Module not found: Can‘t resolve ‘@vue/server-renderer‘ in ‘/Users/...‘
楼招颜
06-07 1370
版本：Taro v3.0.7 使用框架：Vue3 项目完成后，进行编译时报错编译失败 横向对比一下尝试使用框架React进行安装，taro版本依旧 项目可以正常编译，也可以正常使用和开发 Vue3框架编译时安装了Vuex以及使用了TS，看下报错信息发下有个模块没有找到 在项目中也没有找到这个模块 @vue/server-renderer 翻了一下package没有对应的模块，我决定尝试安装一下这个模块 安装完成 @vue/server-renderer模块后 再次..
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi
qq_16390503的博客
07-29 3501
Error: Can‘t resolve ‘@dcloudio/uni-ui/lib/uni-badge/uni-badge‘ in ‘E:\software\Project\uni-app\dnpi 说明你应该是在网上找的uniapp课程学习 翻了uni-ui官方发现这个： 在vue-cli项目中可以使用npm安装uni-ui库 ，或者直接在HBuilderX项目中使用npm。（不推荐后一种方式） 注意cli 项目默认是不编译node_modules下的组件的，导致条件...
使用ant design vue 中table组件运行时not found: Error: Can't resolve 'reqwest' in 'D:\vue\antd-demo01\src\com
languai的博客
08-19 3634
最近使用table时按照官网api使用table报了上面这个错误 1.只需要安装无法找到文件就可以正常运行了 2.命令行cd进入项目文件 3.运行npm install --save reqwest table就出来了 ...
报错：Can‘t resolve ‘@ant-design/icons‘
m0_72607221的博客
07-15 5731
react启动项目 npm报错
【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in 文件目录下的某个文件夹
qq_45677671的博客
06-07 3万+
报错示例 示例代码： import { Layout, Menu } from 'antd'; import { MenuUnfoldOutlined, MenuFoldOutlined, UserOutlined, VideoCameraOutlined, UploadOutlined, } from '@ant-design/icons'; 报错信息： Module not found: Can't resolve '@ant-design/icons' in 'E:\ww
ant-design-pro 下载依赖失败解决
weixin_59049930的博客
07-14 1094
ant-design-pro的安装使用
【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘
最新发布
m0_61049675的博客
01-30 743
【代码】【Antd】Module not found: Can‘t resolve ‘@ant-design/icons‘ in ‘E:\xx\xx\xx‘
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’问题
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 'vue-awesome-swiper/dist/ssr'或 vue中使用swiper出现Can't resolve...
牧牛人Alec
08-17 5608
错误提示有多种，但我遇见的基本就这一个原因造成的。 不成功的解决方式 不知道什么原因，开始swiper文件并没自动安装上。 安装swiper： npm install swiper vue-awesome-swiper --save 然而在\node_modules\swiper里面会发现没有dist目录，所以出现这个错。又尝试过在swiper文件夹下创建dist，但并没有解决问题。...
Ant Design ProComponents(ProTable)表格页面跳转失效
gittt的博客
12-08 481
Ant Design ProComponents(ProTable)表格页面跳转失效
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
2301_82095378的博客
01-06 1219
Ant Design 使用出现 Error_ Can‘t resolve ‘_antd_dist_antd.css‘
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 2146
引入antd库后发现Module not found的问题
Ant Design Pro项目启动报错 ChunkError mf-va_remoteEntry umi
HiveMe_Hitech
04-28 3709
版本： Ant Design Pro 5，typescript 背景： 有个项目写完，后期等待沟通，于是去做了其他项目。回头再来看这个项目时，无法启动，删除node_modules也无法启动。 解决办法： 删除src/.umi文件夹，重启服务器，项目正常启动。 ...
Module not found: Error: Can‘t resolve ‘antd/dist/antd.css‘ in ‘E:\new\react\geek-pc\src‘
weixin_51583081的博客
01-03 8238
Hi,我是赵猛，今天是做react项目的第二天，记录一下学习过程中出现的一些问题。
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：在非路由组件中出现了图片路径，而路由根组件并未导入该图片。根据报错提示反应的情况是：找不到模块：错误：无法解析。在此处我们谈论一下解决该类报错的几种方法。解决方案：在非路由组件下导入该图片。
引入import ‘ant-design-vue/dist/antd.css‘时报错
weixin_50636942的博客
08-31 9787
提示 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 时初始化项目报错。
ant design pro安装(肯定成功)
qq_38032510的博客
12-28 1465
1.安装之前需要准备的环境yarn、node和git，推荐配置cnpm(淘宝镜像) npm install cnpm -g --registry=https://registry.npm.taobao.org 然后安装yarn cnpm install -g yarn 再然后安装Umi cnpm install -g umi 2.创建一个文件夹 fronted_web 3.进入到fronted_web下，执行yarn create umi 然后依次选择ant-...
Module not found: Error: Can't resolve '@element-plus/icons-vue'
09-09
在你提供的引用中，未能找到与解决"Module not found: Error: Can't resolve '@element-plus/icons-vue'"错误相关的信息。然而，根据你提供的信息，我可以为你提供一些建议来解决这个错误。 首先，确保你已经正确安装了"@element-plus/icons-vue"模块。你可以使用npm或yarn进行安装，具体命令如下： npm安装： ``` npm install @element-plus/icons-vue ``` yarn安装： ``` yarn add @element-plus/icons-vue ``` 如果已经安装了该模块，那么请检查你的代码中是否正确引入了该模块。你可以尝试使用以下代码来引入"@element-plus/icons-vue"模块： ```javascript import '@element-plus/icons-vue' ``` 如果以上步骤都没有解决问题，可能是由于版本不兼容或其他原因导致的。你可以尝试升级或降级"@element-plus/icons-vue"模块，看是否能解决问题。 希望上述建议对你有帮助，如果还有其他问题，请告诉我。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

方心

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值