Umi -AntPro项目中遇到的问题

最新推荐文章于 2023-12-24 18:48:05 发布
最新推荐文章于 2023-12-24 18:48:05 发布
阅读量407 收藏
点赞数
分类专栏： 项目中遇到的问题 文章标签： 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_33715850/article/details/124841964
版权

1 使用Modal和ProTable一起使用的问题

Modal只会创建一次所以会存在缓存问题，Modal里面使用ProTable问题

1.1 关闭Modal的时候清空ProTable数据源但是依然会有缓存

解决办法：给Modal加上destroyOnClose={true}，关闭Modal的时候销毁它内部的子元素。

1.2 使用ProTable时候如果固定最右边一列，如果这一列文本特别多，会挤压其他的列表，导致显示问题

解决办法：在ProTable的columns属性值里面找到该列数据，然后在该列数据上加上className属性，设置样式word-break: break-all;

//TODO。。。。后续更新中

基于 umijs + electron + ant-design-pro 的项目模板开发代码
03-12
4. **ant-design-pro的使用**：掌握如何在项目中引入并使用`ant-design-pro`的组件，理解其主题定制和按需加载策略，以及如何自定义组件和页面。 5. **路由管理**：通过umi的路由机制，学习如何定义和配置路由，...
Umi + AntD Pro 项目搭建
baroncoder的博客
08-25 3783
umi + antd
Ant Design Pro---【01 环境安装+UMI入门】
一只菜鸟夹
05-04 2710
web 技术是指通过 JavaScript，HTML，css 来构建网站的技术，mdn 提供了相当方便的文档来帮助我们学习这些知识。
搭建react+ant design pro+umi 项目框架
最新发布
【爱打盹的喵】的专栏
12-24 2648
我搭建react+antd+umi这个框架的原始资料主要是来源于而我写这篇文章的本意就是用来记录我用搭建时候的步骤汇总。
AntPro + Umi 自定义左上角的本地logo不生效
酒沁的博客
11-21 1068
解决AntPro + Umi 自定义左上角的本地logo生效问题
Antd-pro项目发布版本清缓存
weixin_44160385的博客
02-24 1814
利用webpack打包，对打包后的文件加hash值 在antd-pro项目中，在config.js export default { hash:true, // 文件打包加hash 解决浏览器缓存问题 }
umi-plugin-alioss:umi-plugin-alioss 打包上传OSS
05-25
umi-plugin-alioss umi,umi-plugin,alioss 基于 umi2.x 插件体系编写 说明 基于umi-plugin系统封装的一个插件，用于构建成功之后上传静态资源到阿里云 使用 yarn add umi-plugin-alioss -D yarn add ali-oss -D 在....
umi-antd-pro::ghost:use umi conventional routing in Ant Design Pro 使用umi约定式路由多Tabs的Ant Design Pro（Antd Pro的实验项目）
05-22
常见问题解答： http ： //pro.ant.design/docs/faq 中国镜像网站： http ： //ant-design-pro.gitee.io 2.0版现已发布！ :party_popper: :party_popper: :party_popper: 宣布Ant Design Pro 2.0.0 翻译招聘 :...
基于umi+antd-mobile的移动端项目模板
02-22
在本项目模板中，umi作为基础架构，为开发者提供了一个稳定且灵活的开发环境。 其次，antd-mobile是蚂蚁金服开发的基于React的移动端UI组件库，它是antd（Ant Design）的移动端版本。antd-mobile遵循Ant Design的...
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 添加模板失败
specj的博客
03-29 1061
ant design pro 添加如下： 1.npm run fetch:blocks 2. 添加模板、组件时提示失败 原因： 请求过程中，有部分域名会被墙 所以为了添加成功添加需要科学上网才行，你懂的 ...
umi配置项禁用html缓存
qq_35176319的博客
05-11 2534
umi项目在页面重新部署到服务器后重新进入，发现显示的居然是上个版本的页面。 问题可能出现在浏览器缓存上，所以尝试禁用缓存，最后解决问题。 1、在项目config.ts或.umirc.ts 内写入如下配置： metas: [ { httpEquiv: 'Cache-Control', content: 'no-cache', }, { httpEquiv: 'Pragma', content: 'no-cache', }..
umi3.5新特性 mfsu遇到的两个报错 1.Unexpected token in JSON at position 0, try to remove cache file and retry.
热门推荐
o__o__o__o的博客
01-18 1万+
最近在开发react项目，在npm start启动项目的时候，突然报了一堆错误。最后发现是，umi3.5的新特性 mfsu导致的。umi3.5新特性 mfsu报错 Unexpected token in JSON at position 0, try to remove cache file and retry.
umi项目禁用html缓存
weixin_47541876的博客
04-28 2243
umi项目打包后还是使用上一个版本，存在缓存 在项目config.ts或.umirc.ts 内写上metas配置： metas: [ { httpEquiv: 'Cache-Control', content: 'no-cache', }, { httpEquiv: 'Pragma', content: 'no-cache', }, { httpEquiv: 'Expires', content
umi 常用配置
weixin_43294560的博客
07-18 5814
在.umirc.ts中的defineConfig的对象中配置 1、配置是否让生成的文件包含 hash 后缀，通常用于增量发布和避免浏览器加载缓存。 hash:true, 默认为false 2、配置项目的根目录,还需配置第3个 base:'/x/' 默认为'/' 其中: 访问'/x/'路径才能访问项目的根路由 官方解释: 你有路由 / 和 /users，然后设置了 base 为 /foo/，那么就可以通过 /foo/ 和 /foo/users 访问到
umi\antd-pro热更新不生效解决方案
从事前端，不断积累经验，学习新的技术。头像不是本人是莉莉崽（美貌、可爱集于一身的小姐姐，小仙女），一个宝藏博主，值得喜欢！
12-01 9343
项目热更新分为两种情况： 1.所有页面都无法更新 2.有的页面可以有的不可以（也就是有时生效，有时不生效）。 解决方案： 1.可以试试删除node_moudels下的.cache文件夹，并且删除pages下的.umi文件,重启电脑。 2.也有可能config.js里路由大小写的问题。 例子：比如class Login extends React.component{ } 你的config.js里也要写成大写（小写不报错，但有可能影响热更新） routes: [{ name: 'lo......
antd-design-pro实现多页签，切换页签保留缓存，keep-alive
前端小白成长记
12-21 8811
感谢该大佬提供的组件：GitHub - CJY0208/react-activation: Hack <KeepAlive /> for React react 里 keep-alive 的实现目前是黑科技，会有些问题 使用过程中遇到问题的话，可以优先看这儿 https://github.com/CJY0208/react-activation/blob/master/README_CN.md#breaking-change-%E7%94%B1%E5%AE%9E%E7%8E%B0%E5%.
umijs中实现keep-alive功能
qq564280420的博客
08-30 3126
利用umi-plugin-keep-alive实现keep-alive效果，在h5页面中实现返回的时候不刷新返回页面的效果。
ant design pro umi-ui
07-29
Ant Design Pro 是一套开箱即用的企业级中后台前端/设计解决方案，而 Umi UI 是基于 UmiJS 框架的 Ant Design Pro 的可视化配置工具。Ant Design Pro 提供了丰富的组件和模板，帮助开发者快速搭建现代化的中后台系统...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值