Как правильно использовать компонент asyn c с TypeScript и компонентами на основе классов - PullRequest
Новая
       26

Как правильно использовать компонент asyn c с TypeScript и компонентами на основе классов

0 голосов
/ 03 апреля 2020

Я борюсь с асин c компонентами в моем приложении. Я имею в виду, что когда я пытаюсь добавить свой асиновый c компонент к текущим компонентным компонентам, он показывает много ошибок о недопустимых типах.

Объявление асинхронного c компонента: 

const AsyncComponent = () => ({
 component: import('@/components/reports/AsyncComponent.vue'),
 loading: {
 template: `<div>Loading...</div>`,
  },
 error: {
 template: `<div>Error...</div>`,
  },
 delay: 4000,
});

Добавить к компонентам: 

@Component({
  components: {
    AsyncComponent
  },
})

Когда я это делаю, я получаю целую страницу ошибок о том, что мой тип AsyncComponent неверен. Кто-нибудь сталкивался с этой проблемой? Вы знаете, как это исправить?

Кстати. путь к компоненту правильный, я пробовал с загрузкой и без, ошибка, задержка и т. д. c. Я пытался привести компонент к «любому» - он не показывает ошибку, но он также не работает ... Если у кого-то есть идеи, как это сделать, я был бы очень признателен.

...