ant Design Pro 路由图标添加错误

最新推荐文章于 2025-05-21 15:09:46 发布
原创 最新推荐文章于 2025-05-21 15:09:46 发布 · 954 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#react.js #前端框架 #前端

本文档介绍了如何处理Ant Design Icons中找不到DislikeOutlined图标的问题。首先，确保通过`yarn add @ant-design/icons`安装了正确版本的图标库。接着，删除`node_modules`文件夹和`src/.umi`文件夹。然后，关闭项目，重新安装依赖并启动。刷新页面后，问题通常能得到解决。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

ant-design/icons/DislikeOutlined" does not exist in container.

1. 首页确保下载了icon

yarn add @ant-design/icons

2. 删掉node_models

3. 删掉src/.umi文件夹

4.关闭项目, 下载依赖,重新启动后刷新试试, 

Umi + AntDesign Pro 自定义路由图标（阿里矢量图标库）
Cvory
12-29 6706
需求 ： 菜单栏显示自定义的图标 流程： 1.在阿里巴巴矢量图官网 建一个自己项目 !!!这里的前缀 一定一定要写icon- 就是因为这里的配置，所以我之前一直都没弄出来！ 2.上传完自己的图片后，引用 把这里的js路径 配置到basiclayout里 3.使用 路由的icon，就直接写你在阿里巴巴矢量图里的命名 就可以显示了！ 此方法仅针对prolayout组件！ https://prolayout.ant.design/api#api ...
Ant design pro V5初探 安装，路由，组件与国际化 (与后端CRUD结合)
attiley的博客
02-02 2136
最近比较对前端感兴趣，稍微学习了一段时间后接触了ant design pro v5这个框架，发现没有什么比较适合新手的上手教程，就在这里写一篇，应该比较适合熟悉后端的小伙伴学习。 首先，新建一个文件夹，进入命令台，输入yarn create umi. 选择第一项，进入下一步，选择Pro v5即可。 这些就是Pro V5框架的主要内容，这里不全部详细讲，主要讲解几个重要的文件。 1.config文件夹 1.defaultSettings.ts navTheme:导航栏风格，一般不在这配置，有其他地方可以配
react+antd配置动态路由中动态生成Icon结点
sevenStar_1的博客
01-25 2224
导入icon import * as Icon from '@ant-design/icons'; const addIcon = (name)=>{ return React.createElement(Icon[name]); } routeConfig中icon值复制 routesConfig内容 const routesConfig = [ { path: '/', title: '首页', icon: 'H
umi 报错 Module “xxx“ does not exist in container. while loading “xxx“ from webpack/container
最新发布
2201_75483179的博客
05-21 213
2.关闭mfsu功能，在config/config.ts中找到mfsu并删除该属性。umi 在用 antd 库的时候，用到了dayjs 库，引用的时候报错。3. 都不行的话，，删除项目，重新git clone。1. 删除src/.umi然后重新运行项目就解决了。
【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
umi或antdpro运行时报错“Module ‘xxx‘ does not exist in container“解决方案
GMLGDJ的博客
03-10 1万+
问题描述 在我们启动基于umi的脚手架,如antd pro,在运行完毕后控制台报如下错误： Error: Module "本地的路径信息" does not exist in container. 原因:可能是因为项目路径移动后导致src/.umi缓存文件找不到原来的路径所导致的 问题解决 方案一： 删除src/.umi然后重新运行项目就解决了 方案二： 关闭mfsu功能，在config/config.ts中找到mfsu并删除该属性。 ...
修改ant design pro项目名称后，报错“...文件” does not exist in container
做点有意思的事情
11-18 297
解决办法
ant design pro动态菜单
03-30
在Ant Design Pro中，通常会结合`@umijs/plugin-routes-auto`插件自动生成路由配置。我们可以将动态获取的菜单数据与路由配置相结合，确保点击菜单时能正确跳转到对应的页面。 总的来说，实现Ant Design Pro动态...
浅谈Ant Design Pro 菜单自定义 icon
01-18
Ant Design Pro 官方文档说明 在菜单中使用自定义的 icon 由于 umi 的限制，在 router.config.js 是不能直接只是用组件的，Pro 中暂时支持 使用 ant.design 本身的 icon type，和传入一个 img 的 url。只需要直接在 ...
vue3 卸载重装ant-design-Vue
qq_55723647的博客
12-16 2644
后面的@1.4.11就是指定版本，版本降级也是这样处理。全局引用ant-design-vue。卸载ant-design-vue。安装ant-design-vue。在main.js里头部引用。
Error:Module “./antd/es/badge/style“ does not exist in container. while loading “./antd/es/badge/sty
huai42717的博客
12-13 2890
react项目中引入了ant design，npm start时报错：Error:Module "./antd/es/badge/style" does not exist in container. while loading "./antd/es/badge/sty解决方案：删除项目src 目录下面的.umi文件，npm start重启项目解决。问题其实是因为项目同时使用mfsu和qiankun导致的，而antd pro v5脚手架默认是开启mfsu功能的。修改mfsu的mfName属性配置。
【Antd】 Module not found: Can‘t resolve ‘@ant-design/icons‘
zzzicky的博客
10-21 7184
Antd 踩坑日志
Ant design pro使用教程
qq_60320547的博客
02-04 867
然后这里建议重新建一个空文件夹并命名为想要命名的英文名。配置好后参考Ant design pro 官方文档。输入 pro create "你的文件名"建议使用以前的版本，最新版本容易出错。打开cmd出现版本号即视为成功。出现这个就差不多成功了。提前下载好nodejs。
Ant Design Pro入门
侠客
03-18 1324
官方的说法是Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。个人总结：就是阿里快速搭建一个前端框架的开源网站。
Ant design pro和umi ui
qq_67733013的博客
08-01 1554
启动项目时，可能会出现启动失败的问题，可能是因为node版本太高了，需要将node版本降到16，但是安装依赖的时候需要node版本在18以上，所以会涉及到node版本管理的问题。再去使用小球添加页面就可以添加成功了，添加成功之后项目可能自动停止了，然乎会出现报错。如果出现了报错，可以尝试重新安装依赖，并且将src/.umi文件删除，后重新启动项目（安装依赖时要注意node版本的切换）。接下来就是和官网的一样，选择安装全量的还是一个简单的脚手架？然后再去初始化脚手架，就可以选择umi@3了。
踩坑_AntDesignPro_移除国际化后报错
YelloooBlue's Blog
08-19 3969
背景 手上有个Ant Design Pro项目，国际化功能目前没啥用，打算将其移除 配置 脚本语言：JAVAScript 模式：simple 问题复现 使用了官网的一键移除脚本 npm run i18n-remove 再次运行的时候提示 $ cross-env UMI_ENV=dev umi dev Unexpected token 'export' D:\AntD Project\***\config\routes.js:1 export default [ SyntaxError: Unexpe
Ant Design Pro
qq_45669178的博客
04-23 501
Ant Design Pro 一、拉取1、安装yarn注：[常用指令](https://blog.csdn.net/yw00yw/article/details/81354533)2、下载Ant Design Pro1）指令2)选择第一个3）接着选择NO，去选择语言，选js4）下在依赖包，运行项目 一、拉取 1、安装yarn npm install -g yarn 注：yarn --version...
[@ant-design/icons-angular]: the icon reload-o does not exist or is not
卧龙居
05-08 2854
angular.json中加入： "assets": [ "src/favicon.ico", "src/assets", { "glob": "**/*", "input": "./node_modules/@ant-design/icons-angular/src/inline-svg/", "output": "/asse...
umi ant design pro快速使用手册
qq_41157351的博客
07-18 937
umi脚手架 antDesignPro使用指南
AntDesignPro前端开发指南
"AntDesignPro开发手册文档详细介绍了如何使用AntDesignPro进行前端开发，包括其目的、核心技术组成、Node.js的安装配置、项目初始化、目录结构以及关键文件的解释。" AntDesignPro是一个由蚂蚁金服体验技术部创建...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值