一、问题描述
- 开发过程中完成没问题,最后打包、部署。发现线上存在table的页面均卡死。
- 本地排查发现,所有加入table的组件页面均会卡死,而且没有报错。
- 【问题一】于是一行行代码进行注释查看。最终确定 table 组件使用了
max-height
属性导致页面卡死。 - 【问题二】将
max-height
属性删掉之后页面不卡了,但是表格内容无法加载出来。只有最外层的table dom
加载出来了,表头tr
和td
内虽然有数据,但是仍然无法加载。
- 尝试
回滚代码
、重装依赖
、切换UI版本
等等很多操作均不能解决
二、问题解决
通过翻查 github issue https://github.com/ElemeFE/element/issues/18394
找到一个类似的解决方案,在 webpack.config.js中加入配置,即可解决。
resolve: {
extensions: ['.js', '.vue', '.json'],
alias: {
'vue$': 'vue/dist/vue.esm.js',
}
},
但问题原因尚未找到。
目前猜测 应该是某个依赖隐性更新导致。