ant Design Pro 路由图标添加错误

最新推荐文章于 2024-08-01 12:10:28 发布
原创 最新推荐文章于 2024-08-01 12:10:28 发布 · 985 阅读 · 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`文件夹。然后，关闭项目，重新安装依赖并启动。刷新页面后，问题通常能得到解决。

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 6772
需求 ： 菜单栏显示自定义的图标 流程： 1.在阿里巴巴矢量图官网 建一个自己项目 !!!这里的前缀 一定一定要写icon- 就是因为这里的配置，所以我之前一直都没弄出来！ 2.上传完自己的图片后，引用 把这里的js路径 配置到basiclayout里 3.使用 路由的icon，就直接写你在阿里巴巴矢量图里的命名 就可以显示了！ 此方法仅针对prolayout组件！ https://prolayout.ant.design/api#api ...
深入理解Ant Design Pro：实现动态路由与权限管理
最新发布
2301_79420857的博客
04-08 595
在复杂的后台管理系统中，动态路由是实现权限管控的核心能力之一。本文将深入剖析如何结合Umi的运行时配置与权限管理，实现路由的动态加载与菜单控制，首先我是在router里面配置注册了我所有的路由，并创建对应路由的相关页面。然后它主要是通过access来进行权限验证的，给相对应的，比如超管账号添加，那么登录普通账号时就无法查看菜单。然后我们需要找到src路径下的access.ts来进行路由的一个限制修改。这是一个基础页面组件，方便创建页面的时候使用，避免页面没有内容发生报错。这个官方文档里，有详细实现的步骤。
react+antd配置动态路由中动态生成Icon结点
sevenStar_1的博客
01-25 2268
导入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
【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 339
解决办法
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 2723
后面的@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 2938
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 7434
Antd 踩坑日志
Ant design pro使用教程
qq_60320547的博客
02-04 917
然后这里建议重新建一个空文件夹并命名为想要命名的英文名。配置好后参考Ant design pro 官方文档。输入 pro create "你的文件名"建议使用以前的版本，最新版本容易出错。打开cmd出现版本号即视为成功。出现这个就差不多成功了。提前下载好nodejs。
Ant Design Pro入门
侠客
03-18 1358
官方的说法是Ant Design Pro 是基于 Ant Design 和 umi 的封装的一整套企业级中后台前端/设计解决方案，致力于在设计规范和基础组件的基础上，继续向上构建，提炼出典型模板/业务组件/配套设计资源，进一步提升企业级中后台产品设计研发过程中的『用户』和『设计者』的体验。随着『设计者』的不断反馈，我们将持续迭代，逐步沉淀和总结出更多设计模式和相应的代码实现，阐述中后台产品模板/组件/业务场景的最佳实践，也十分期待你的参与和共建。个人总结：就是阿里快速搭建一个前端框架的开源网站。
Ant design pro和umi ui
qq_67733013的博客
08-01 1775
启动项目时，可能会出现启动失败的问题，可能是因为node版本太高了，需要将node版本降到16，但是安装依赖的时候需要node版本在18以上，所以会涉及到node版本管理的问题。再去使用小球添加页面就可以添加成功了，添加成功之后项目可能自动停止了，然乎会出现报错。如果出现了报错，可以尝试重新安装依赖，并且将src/.umi文件删除，后重新启动项目（安装依赖时要注意node版本的切换）。接下来就是和官网的一样，选择安装全量的还是一个简单的脚手架？然后再去初始化脚手架，就可以选择umi@3了。
踩坑_AntDesignPro_移除国际化后报错
YelloooBlue's Blog
08-19 4001
背景 手上有个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 529
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 2891
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 987
umi脚手架 antDesignPro使用指南
Ant Design Pro 菜单自定义 icon
钬码狼酷的博客
05-23 2万+
Ant Design Pro 官方文档说明在菜单中使用自定义的 icon 由于 umi 的限制，在router.config.js是不能直接只是用组件的，Pro 中暂时支持 使用ant.design本身的 icon type，和传入一个 img 的 url。只需要直接在 icon 属性上配置即可，如果是个 url，Pro 会自动处理为一个 img 标签。 如果这样还不能满足需求，可以...
Ant Design Pro of Vue路由添加
03-12
在 Ant Design Pro Vue 项目中，配置和添加自定义路由主要涉及修改 `src/config/router.config.js` 文件。此文件用于集中管理应用内的所有路由及其对应的组件。 #### 修改 router.config.js 文件 为了向应用程序...
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值