vue jsx Cannot read property ‘__asyncLoader‘ of undefined

JA+

已于 2023-06-25 19:41:34 修改

阅读量2.7k

点赞数 1

分类专栏：问题解决文章标签： java javascript 数学建模

于 2023-06-25 15:37:40 首次发布

本文链接：https://blog.csdn.net/qq_35459724/article/details/131378854

版权

问题解决专栏收录该内容

14 篇文章

订阅专栏

文章讨论了在使用Vue.js和tsx时遇到的两个TypeError。当尝试通过arr.map生成列表时，如果arr为空，会导致Cannotreadproperty__asyncLoaderofundefined的错误。另外，定义在OtherComponent组件中的computed属性在jsx中使用时，未加.value会抛出错误。解决方案是确保在jsx中引用computed属性时添加.value。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>
    }
})