【Antd】 Module not found: Can‘t resolve ‘@ant-design/icons‘

已于 2023-03-20 17:48:43 修改
阅读量5.1k 收藏 6
点赞数 5
文章标签： 前端 javascript 开发语言
于 2022-10-21 16:57:10 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/zzzicky/article/details/127449705
版权

在使用antd上传功能的时候发现了这个错误 

一开始以为是版本问题，将packjson版本和官网最新版本同步之后

 还是出错

 终于在官方issue里面找到原因是 antd 4+版本不带有 @ant-design/icons，包括 

@ant-design/compatible 等等

直接安装 npm i @ant-design/icons 解决

zzzicky
关注
  • 5
    点赞
  • 踩
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
解决React在安装antd之后出现的Can’t resolve ‘./locale’问题
01-06
React在安装antd之后出现的Can’t resolve ‘./locale’问题，是因为moment在2.2之后的版本都有问题，而react默认使用了最新的moment，但是在[email protected]中是没有问题的。 解决方案就是配置webpack的alias,将所有的 moment 路径引用导入到 [email protected] 操作步骤 安装moment 依赖 npm install [email protected] 在react项目中使用yarn eject暴露config文件。如果没有安装yarn，则 先使用npm install -g yarn，再使用yarn eject暴露confi
Cant Find Anything-1.3.zip
12-27
名称：Cant Find Anything -------------------- 版本：1.3 作者：uploadextsubmissions 分类：网页增强 -------------------- 概述：当正在搜索的网站不工作时，此扩展程序会为您提供活动网站。 描述： 网站没有显示，不要再看了！ 无法访问的网站是个问题。当正在搜索的网站不工作时，此扩展程序会为您提供活动网站。
react+antd解决报错：Module not found: Can't resolve 'antd/es/affix'
热门推荐
weixin_38514634的博客
04-28 3万+
react+antd解决报错：Module not found: Can't resolve 'antd/es/affix'问题解决写在最后 问题 今天在使用antd的时候，引入“抽屉”组件的时候报错 Module not found: Can’t resolve ‘antd/es/Drawer’，找了一些文档发现有遇到类似问题但是没有看到解决办法，所以还是写一篇文档来记录以及解决下这个问题吧。 ...
报错：Can‘t resolve ‘@ant-design/icons‘
m0_72607221的博客
07-15 5238
react启动项目 npm报错
nuxt-ant-design-vue
05-08
@ nuxtjs-extra / ant-design-vue 适用于Ant Design Vue的Nuxt模块 设置 向项目添加依赖项 yarn add @nuxtjs-extra/ant-design-vue @nuxt/components # or npm install @nuxtjs-extra/ant-design-vue 如果您使用useDayJs选项，请也将dayjs添加到您的项目中，或使用@nuxtjs/dayjs 将@nuxtjs-extra/ant-design-vue到nuxt.config.js的modules部分 { modules : [ // Simple usage '@nuxtjs-extra/ant-design-vue' , // With options [ '@nuxtjs-extra/an
【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
vuepress问题
l00lup的博客
10-16 246
【代码】vuepress问题。
Ant Design Pro项目中 提示：找不到模块“@ant-design/pro-components”或其相应的类型声明
前端-卡布达的博客
03-07 1万+
Ant Design Pro项目中 提示：找不到模块“@ant-design/pro-components”或其相应的类型声明
create-react-app配置antd主题色
baidu_41601048的博客
10-25 889
js单独打印图片 - 小林不会飞 - 博客园
vue中Module not found: Error: Can‘t resolve ‘xxx’ in ‘xxx’
weixin_65528063的博客
10-25 5616
解决npm下载库找不到的问题
ant-design-icons：:white_medium_star:Ant Design SVG图标
01-31
:white_medium_star: 蚂蚁设计SVG图标的抽象树。 配套 香草： React： React Native： 角度： Vue： 贡献指南贡献指南 @ ant-design / icons-svg：｜ 执照
ant-design-dark-theme:Ant Ant Design的深色主题变量
05-07
:new_moon_face: 蚂蚁设计黑暗主题 :new_moon_face: Ant Design的深色主题。 仍处于实验阶段，欢迎尝试并帮助我们进行改进。 访问进行预览。 安装 $ npm install @ant-design/dark-theme 用法 import darkTheme from '@ant-design/dark-theme' ; // webpack.config.js: less-loader { loader : 'less-loader' , options : { modifyVars : darkTheme , } , } , 在Ant Design Pro中使用： :
ant-design-colors:蚂蚁设计的调色板计算器
05-09
蚂蚁设计颜色 :artist_palette: 调色板计算器。 安装 $ npm install @ant-design/colors // or $ yarn add @ant-design/colors 用法 $ npm install @ant-design/colors --save import { red , volcano , gold , yellow , lime , green , cyan , blue , geekblue , purple , magenta , grey } from '@ant-design/colors' ; console . log ( blue ) ; // ['#E6F7FF', '#BAE7FF', '#91D5FF', ''#69C0FF', '#40A9FF', '#1890FF', '#096DD9', '#0050B3', '#003A8C', '#
vue-material-icons
04-02
物质图标 Vue2材质设计图标，可轻松访问图标名称和类型。 如何通过npm安装 npm install -D @dbetka/material-icons 设置 添加为Vue插件 import MaterialIcons from '@dbetka/material-icons' ; Vue . use ( MaterialIcons ) ; 自己添加组件 import { AIcon , IconComputed , IconFonts } from '@dbetka/material-icons' ; Vue . use ( IconFonts ) Vue . use ( IconComputed ) Vue . component ( AIcon . name , AIcon ) ; // component name is `a-icon` 设置自己的组件名称 import {
npm run dev 报错 ERROR in Entry module not found: Error: Can’t resolve ‘./src’ in
01-07
Alternatively, run 'webpack(-cli) --help' for usage info. Hash: e040e8aa823a0e30ae4b Version: webpack 4.41.4 Time: 79ms Built at: 2019-12-23 19:52:00 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
ant-design-pro-cli:Ant Design Pro的cli工具
05-30
npm i @ant-design/pro-cli # or yarn add @ant-design/pro-cli Commands screenshot 对区块进行截图 i18n-remove 从项目中移除国际化 fetch-blocks 下载 pro 所有的官方区块 Options for the screenshot command --...
ant-design-charts:一个React图库
03-19
$ npm install @ant-design/charts 用法 import React from 'react' ; import { Line } from '@ant-design/charts' ; const Page : React . FC = ( ) => { const data = [ { year : '1991' , value : 3 } , { ...
一招解决vue中Module not found: Error: Can‘t resolve ‘xxx‘
qq_52174918的博客
05-07 4542
即可。
使用ant design pro 里的报错 Cannot find module
weixin_43910861的博客
12-16 2265
ant design pro里报错 Cannot find module 'E:/webproject/java_yupi/userCenterFront/ant-designE:/webproject/java_yupi/userCenterFront/ant-design@3/src3/src/.umi/plugin-openapi/openapi.tsx'
'@ant-design/icons-vue' in 'D:\works\larger-platform\src\view\home'
最新发布
03-26
'@ant-design/icons-vue'是一个Vue组件库，用在Vue项目中使用Ant Design的图标。它提供了一系列常用的图标，可以方便地在Vue项目中引入和使用。 在你提供的路径'D:\works\larger-platform\src\view\home'中，可能是你的Vue项目的源代码目录。如果你想在该目录下使用'@ant-design/icons-vue'，你需要先安装该组件库。 你可以通过以下步骤来安装和使用'@ant-design/icons-vue'： 1. 打开终端或命令行工具，进入到你的项目根目录下。 2. 运行以下命令来安装'@ant-design/icons-vue'： ``` npm install @ant-design/icons-vue ``` 或者如果你使用的是yarn包管理器，可以运行以下命令： ``` yarn add @ant-design/icons-vue ``` 3. 安装完成后，在你的Vue组件中引入需要的图标。例如，在你的home.vue文件中，可以这样引入一个图标： ```vue <template> <div> <a-icon type="user" /> </div> </template> <script> import { Icon } from '@ant-design/icons-vue'; export default { components: { 'a-icon': Icon, }, }; </script> ``` 这样就可以在home.vue组件中使用'@ant-design/icons-vue'提供的图标了。 希望以上信息对你有帮助！如果你还有其他问题，请继续提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值