关于vue3:vue3项目asyncLoader报undefined的问题处理

3次阅读

共计 444 个字符,预计需要花费 2 分钟才能阅读完成。

概述

最近在开发 vue3.x 的我的项目中,配置好路由之后点击跳转页面就呈现以下报错:

Uncaught (in promise) TypeError: Cannot read property '__asyncLoader' of undefined

网上也没有找到问题的解决办法,话不多说,间接上解决办法:

辅助函数 defineAsyncComponent

Vue 3.x 中,对异步组件的应用跟 Vue 2.x 不同了。变动次要有三点:

  • 异步组件申明办法的扭转:Vue 3.x 新增一个辅助函数 defineAsyncComponent,用来显示申明异步组件;
  • 异步组件高级申明办法中的 component 选项更名为 loader;
  • loader 绑定的组件加载函数不再接管 resolve 和 reject 参数,而且必须返回一个 Promise;

vue3 我的项目中引入组件的写法如下:

留神:

defineAsyncComponent 只实用于 vue3 的异步组件,对于路由懒加载是有效的。路由懒加载的办法和 vue2.x 一样。

心愿能帮到遇到同样问题的你!

正文完
 0