Vue 3 Typescript Class 组件 - 类型 'typeof import(.../node_modules/vue/dist/vue")' 不是构造函数类型

Question

您好，我正在使用带有 Typescript 和 Class 组件的 Vue 3。我只是从文档中复制粘贴了示例，但看起来 Typescript 存在问题：

TS1238: Unable to resolve signature of class decorator when called as an expression.
  This expression is not callable.
    Type 'typeof import(".../node_modules/vue-class-component/dist/vue-class-component")' has no call signatures.

TS2507: Type 'typeof import(".../node_modules/vue/dist/vue")' is not a constructor function type.

文档：https://class-component.vuejs.org/guide/class-component.html

有人知道缺少什么吗？谢谢！

Answer 1

基于此 issue 不需要那个装饰器，版本 3 的导入不同

<template>
  <div>{{ message }}</div>
 
</template>

<script lang="ts">

import { Vue } from 'vue-class-component'


export default class HelloWorld extends Vue {
  message="Hello World"
}
</script>