1、报错1:
Uncaught (in promise) TypeError: Cannot read property '__asyncLoader' of undefined
2、报错2:
TypeError: Cannot read properties of null (reading 'emitsOptions')
使用tsx类似如下
<div>{arr.map(it => <OtherComponent></OtherComponent>}
</div>
通过控制arr内容自动生成列表
然而列表能正常插入dom。置空时就报上述错误。
排查
经过若干尝试(什么vue-router defineAsyncComponent均无效。)
范围缩小在OtherComponent 组件。
分块注释法排查[doge]。。。
结果
jsx中使用compouted值,没有.value
OtherComponent 示意代码
defineComponent({setup(){let a = computed(() => ...)return () => <div>{ a } // 导致报错{ a.value } // 正确</div>}
})
总结
computed 的变量,在jsx中使用时未.value 导致。
参考
- javascript - Day 96/100 Cannot read property '__asyncLoader' of undefined - 个人文章 - SegmentFault 思否