'Uncaught TypeError: Class extends value undefined is not a constructor or null' при попытке загрузить внешний компонент TypeScript

Question

У меня есть кое-что, где я могу собрать свои компоненты с помощью этой команды npx (запускаемой в PowerShell):

&npx vue-cli-service build `
    --target lib `
    --formats umd-min `
    --no-clean `
    --dest $destinationFolder `
    --name $component.Name $component.FullName

, а затем я импортирую их в свое приложение vue согласно this article

Он отлично работает, когда компоненты написаны с использованием JS, но как только я пытаюсь создать его в TS, я получаю эту ошибку:

file:7 Uncaught TypeError: Class extends value undefined is not a constructor or null
    at Module.fb15 (file:7)
    at r (file:1)
    at 8875 (file:1)
    at file:1
    at file:1
    at file:1

My TypeScript Компонент vue действительно прост:

<template>
<h1>A lovely typescript component</h1>
</template>

<script lang="ts">
import { Component, Vue } from 'vue-property-decorator';

@Component({
    name: 'TypeScriptTest'
})
export default class TypeScriptTest extends Vue { }
</script>

Вместо этого я пытался импортировать vue вот так:

import Vue from 'vue'

но это не дало эффекта

Кто-нибудь знаете, как я могу решить эту проблему?

Answer 1

Я добавил эту строку в начало моего html файла:

<script src="https://cdn.jsdelivr.net/npm/vue"></script>

И ошибки исчезли, и мои компоненты TypeScript успешно импортированы

Это не похоже на идеальное решение, но работает