umi-plugin-keep-alive发版后,详情返回列表 proTable内容全部显示为...

85 篇文章 0 订阅
73 篇文章 0 订阅

在这里插入图片描述

问题很诡异,在本地运行的时候不会出现这个情况,发版后就出现了。百度的时候,发现没有人遇到这个情况。一开始我以为是不是线上的package.json文件和本地的不一致导致的,拉下来后发现完全一致的。

排查了很久,拉了ant 和 antPro的源码下来,没有找到相关的设置列为…的代码。

后来还是对比了本地和线上的dom结构,发现是表格列在详情返回列表的时候,会把width这个属性变成max-width。那就好解决了,在表格渲染的时候强制再添加一个width属性。

由于多个表格都会出现这个问题,所以直接在公共文件:basicLayout.jsx文件中修改。

// 更改表格样式,避免从详情返回列表,导致表格因为width变成了max-width而全部显示省略号
  useEffect(() => {
    const domArr = document.getElementsByClassName('ant-typography-ellipsis')
    domArr.forEach(item=>{
      item.style.width = '100%'
    })
  })

发版后问题解决了。

问题是解决了,但是根本原因还是没有搞清楚,又拉了线上的package-lock.json和本地的对比。好家伙差异非常大,但是,我之前已经在.gitignore文件中取消了对package-lock.json的忽略,为什么还会有差异?

对比发现原来很多依赖,在发版后它的resolved的域名变成了公司自己的域了

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值