项目场景:
vue3+element-plus
项目场景:vue3+element-plus+ts+vite的技术栈开发的后台,一个后台列表页面,使用了ElTable组件
问题描述
页面提示报一个好像是异步的问题
runtime-core.esm-bundler.js:2261 Uncaught (in promise) TypeError: Cannot read properties of undefined (reading '__asyncLoader')
原因分析:
从报错的情况看,我其实就有怀疑,不是业务逻辑代码导致的问题
- 一来这种错误信息跟我写的逻辑没有半点关系
- 二来,可以看看这个报错的文件,显示的是
runtime-core.esm-bundler.js:2261
,这个文件大概率是包相关的文件。
解决方案:
最后找到问题,是表格里面的prop的属性上发现问题
一个一个排查问题吧,最后发现返回的数据列表里面的一个字段是个对象,然后直接用在了prop上,就出现这个问题了。
例如:
<el-table-column prop="row" label="Date" width="180" />
row = {
id: 1,
name: '111'
}
这样就导致了这个报错出现,从而影响一系列接下来可能出现的问题。
记录一个问题吧,毕竟排查了半天才解决