vue3 打字稿问题。什么类型的延迟加载vue-router？

Question

export default {
  path: '/about',
  name: 'About',
  // route level code-splitting
  // this generates a separate chunk (about.[hash].js) for this route
  // which is lazy-loaded when the route is visited.
  component: (): Promise<any> => import(/* webpackChunkName: "about" */ '../../views/About.vue'),
};

我正在使用 Vue3 & vue-router & eslint air-bnb，

eslint 检查说我需要 设置正确的类型，我如何检查类型以及应该填写什么类型以避免 eslint 检查？非常感谢

Answer 1

正确的返回类型是Promise<RouteComponent>

import { RouteComponent } from "vue-router";

export default {
  path: '/about',
  name: 'About',
  component: (): Promise<RouteComponent> => import('../../views/About.vue'),
};