【AntDesignPro V5】 只有pages 或 page 目录下的页面才能插入资产

最新推荐文章于 2022-05-04 07:00:00 发布
最新推荐文章于 2022-05-04 07:00:00 发布
阅读量342 收藏
点赞数
分类专栏： 前端 文章标签： AntDesignPro
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_35603476/article/details/113173141
版权

最近在着手使用AntDesignPro这个框架，使用umi气泡创建区块时遇到这个问题，我尝试了两个办法可以解决此问题

第一种（网友回答）

直接在index.tsx里面return的标签容器中，添加一个a标签即可生效（没探究缘由，但确实生效）

第二种（github中issues回答，推荐）

设置环境变量处理，在package.json文件中使用cross-env添加命令，执行yarn nocache即可生效

"nocache":"cross-env BABEL_CACHE=none umi dev"

 

年三十
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
react-antd-landing-page:使用React和Ant Design制作的登录页面
05-28
React Ant设计登陆页面 我尝试使用React和Ant Design重新创建引导登录页面。 您可以在查看现场演示。 原始设计属于 。
Ant Design Pro：只有 pages 或 page 目录下的页面才能插入资产。 【问题已解决】
Yooao的博客
07-17 2194
问题：只有 pages 或 page 目录下的页面才能插入资产。 【已解决】
【已解决】antdpro使用umi报“只有pages 或 page 目录下的页面才能插入资产”的问题
数据大牛的博客
05-12 6156
问题复现 问题说明 我的理解是umi没能试别到pages目录下的新建子目录，所以不能插入区块导致。 解决方案 官方issues 说<用BABEL_CACHE=none npm start解决>的都是扯，至少我的是不行。只能拿出我的大招了！ (临时方案)解决方案其实很简单：重启，重启页面才会生效！！！！！ (最终方案)等待官方解决此问题吧.... ...
【Ant Design】新增页面非常简单，只需要四步即可
zcrazy的博客
03-04 2938
上一篇文章主要是讲如何修改布局，这一篇主要是如何新增加一个页面。 首先修改完了布局之后，我的页面变成了下面所示 这一篇主要是要达成图里面“我的新增页面”里面的效果，里面包含的知识点主要有以下内容： 1.增加两个页面 2.在一个页面中增加一个子页，子页中再增加一个子页 3.国际化 首先先是增加一个页面，只需要在config文件夹里面的config.js添加几行代码就行 1.先找到config.js 2.打开config.js之后，用Ctrl+F寻找dashboa...
antd pro v5 tab标签卡（多标签页）实现
星宇大前端
05-04 7090
多标签页很多公司的后台管理系统都会有这个需求，之前用vue一般架子也是带的，现在公司用了antd pro ，看了下官方不支持，确实会影响性能，但是架不住需求。 背景 先看下远古截图： https://github.com/ant-design/ant-design-pro/issues/220 17年提出的需求现在还没有实现，看样官方也是铁了心了。在看看提供的其他解决方案： https://github.com/LANIF-UI/dva-boot-admin https://github.com/.
ant-design-pro-V5-multitab:基于 ant design pro V5 版本实现多标签切换 基于umi插件 umi-plugin-keep-alive 实现 （目前只支持layout
05-25
ant-design-pro-V5-multitab 基于 ant design pro V5 版本实现多标签切换 基于umi插件 umi-plugin-keep-alive 实现 （目前只支持layout: "side"模式， fixedHeader: true,）
Ant Design Pro 下实现文件下载的实现代码
10-15
综上所述，实现Ant Design Pro下的文件下载功能，首先需要明确文件下载的请求方式和响应类型。在前端实现时，可以基于Ajax技术进行异步请求，并且合理处理返回的二进制数据流。此外，还涉及到了React组件和Ant ...
Ant Design Pro V5框架中移植原生高德地图
03-10
在Ant Design Pro框架中嵌入高德地图，参考高德官网的源码。 1、在AMapLoader.load中填写你在高德开发平台申请的key 2、在vs code终端运行npm start 3、浏览器中打开http://localhost:8000
ant design pro动态菜单
05-18
Ant Design Pro是一款基于React的UI组件库，专为企业级后台管理系统设计，它提供了一整套完善的设计体系、丰富的组件以及强大的开发工具，使得开发者能够快速构建出美观且高效的管理界面。动态菜单是Ant Design Pro...
Ant Design Pro V5 入门指南
热门推荐
weixin_43239457的博客
06-17 1万+
一、安装及完整区块、运行、打包命令 安装：yarn create umi [项目名] 运行：yarn run start 打包：umi build 安装完整区块（如官网方法无法安装，使用本地安装）： • 1、自己手动下载https://github.com/ant-design/pro-blocks所有区块 • 2、将下载的文件解压拷贝到C:/Users/用户名/.umi/blocks/github.com/ant-design/pro-blocks文件夹下，没有就自己建文件夹。 • 3、在工程目录执
antdesign 新增页面_ant design pro （四）新增页面
weixin_39820173的博客
12-22 700
一、概述这里的『页面』指配置了路由，能够通过链接直接访问的模块，要新建一个页面，通常只需要在脚手架的基础上进行简单的配置。二、开发步骤2.1、新增js、less文件在src/routes下新建页面的NewPage.js 及 NewPage.less 文件，如果相关页面有多个，可以新建一个文件夹来放置相关文件。样式文件默认使用CSS Modules，如果需要，你可以在样式文件的头部引入ant...
UmiJS介绍--目录及约定（二）
eunice_sytin的博客
10-31 6843
umi 通过 create-umi 提供脚手架，包含一定的定制化能力。推荐使用 yarn create 命令，因为能确保每次使用最新的脚手架。 1. 创建项目 mkdir myapp &amp;&amp; cd myapp yarn create umi 然后，选择你需要的功能，功能介绍详见 plugin/umi-plugin-react 然后手动安装依赖 yarn 最后通过 yarn sta...
ant-design-pro使用总结
xuchaoyu的博客
05-17 1447
ant-design-pro的整个框架结构 ├── mock # 本地模拟数据 ├── public # 存放公共资源 ├── src │ ├── assets # 本地静态资源 │ ├── common # 导航信息和路由的配置 │ ├── comp...
ant-design高效的代码复用能力-区块
李谦的博客
08-08 587
ant-design高效的代码复用能力-区块0 引言1 准备工作1.1 安装yarn和umi1.2 创建umi项目1.3 报错解决：create-umi 命令不存在1.4 报错解决：Plugin umi-plugin-react can't be resolved2 添加区块依赖3 区块的使用3.1 创建模板和区块3.2 报错解决：只有 pages 或 page 目录下的页面才能插入资产3.3 异常解决：添加区块后没有样式参考 0 引言 最近发现umi提供了区块的功能，可以直接把官方提供的页面模板、组件进行
2.Ant Design Pro V2 的第一个菜单
Gskull的博客
09-17 4129
准备 正式开发前需要准备一个IDE，如果是用纯记事本的大神请忽略 可以选Sublime和VsCode等，找个自己用过的顺手的 反正我都没用过，跟随我软的脚本我就选VsCode把 在VSCode里添加一个工程，选定上一章克隆下来的工程文件夹目录 然后再保存下工程文件 开始 Ant Design Pro的前端框架是阿里自己弄的UmiJS 菜单配置可以看下官方的文档 它 的菜单配置在c...
3.Ant Design Pro V2 开启登录
Gskull的博客
12-06 2473
废话 不得不吐槽下我的领导，让我两个月内同时做4个项目，项目计划上时间是重叠的，真是要人命了 从 需求沟通=》项目报价=》原型绘制 =》项目计划=》数据库设计=》系统设计 =》前端开发=》后端开发=》数据库开发 =》SIT测试=》UAT测试=》部署上线 除了签合同收钱以外的工作全是我一个人做，天呢，4个项目，我感觉自己快死了 我这要是把这4个项目都顺利交付了我都佩服我自己 其中用...
Ant Design Pro
qq_37642495的博客
04-17 324
收藏几个今天查询用到的网址， 留给自己用 ，也希望可以帮助需要的人 Ant Design Pro案例展示： https://preview.pro.ant.design/profile/basic Ant Design Pro总结篇: https://www.codercto.com/a/26106.html Ant Design Pro学习笔记: https://www.jianshu.com/...
Ant Design Pro 网络请求，视图绑定model并且渲染到页面 umi-request
a_靖的博客
11-20 4571
封装网络请求，在service中新建接口，在model调用service，在视图绑定model并且得到网络请求的回调函数，获取网络请求的数据渲染到页面。 网络请求数据走向； 1.在utils/request.js 封装网络请求； /** * request 网络请求工具 * 更详细的 api 文档: https://github.com/umijs/umi-request */...
ant design pro v5 动态添加菜单
最新发布
08-29
在 Ant Design Pro V5 中，动态添加菜单的实现主要涉及两个方面：数据处理和界面渲染。 首先，需要在后端或者数据库中准备好菜单数据。可以通过接口获取到菜单数据，或者在前端定义一个静态的菜单数据源。菜单数据通常包括菜单的名称、路径、图标等信息。 接下来，通过使用 `menus.ts` 文件来处理这些菜单数据。可以在该文件中定义一个数组，来存储动态生成的菜单项。可以根据需求使用循环、条件语句等方法，将菜单数据转化为菜单项并添加到数组中。 在 `Menu.tsx` 文件中，通过修改 `renderMenu` 方法来渲染动态添加的菜单项。可以使用 `map` 方法遍历菜单项数组，并使用 `SubMenu` 和 `Menu.Item` 等组件来根据数据生成相应的菜单组件。 完成上述处理后，即可在界面中动态添加菜单。当菜单数据发生变化时，只需更新 `menus.ts` 文件中的菜单项数组，并重新渲染即可。 需要注意的是，在动态添加菜单时，要确保数据的完整性和准确性。可以进行权限验证等安全措施，确保只有具有权限的用户才能看到相应的菜单项。 总结起来，Ant Design Pro V5 中动态添加菜单可通过准备菜单数据并使用 `menus.ts` 文件和 `Menu.tsx` 文件来进行数据处理和界面渲染。这样可以方便地在界面中根据数据生成相应的菜单，实现动态添加菜单的功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值