如何解决VueJS组件中的"_super.apply不是函数"(TypeScript)

Question

我是VueJS的完整n00b,但对Angular和喜欢的人有一些经验.主要是发展.与其说是设置环境(webpack,gulp等).

我试图用TypeScript设置VueJS,我几乎处于工作状态.我确实得到了所需的输出,但我也想在控制台中出现一些我想要消除的错误.

我的简单组件包含这些文件......

index.vue

<template src="./countries.component.html"></template>
<script src="./countries.component.ts" lang="ts"></script>

countries.component.html

<section class="countries">
    <div>Countries...</div>
</section>

countries.component.ts

import * as Vue from 'vue';
import Component from 'vue-class-component'

@Component({})
export default class CountriesComponent extends Vue {}

这会显示"Countries ...",但我在控制台中收到这些错误:

[Vue警告]:data()中的错误:(找到D:\ Projects\sb1\src\components\_ countries\index.vue)

和

TypeError:_super.apply不是函数

任何人都可以帮我做什么？

此外,我的所有文件都已编译,我无法使用Chromes Developer Tools对其进行调试.如果有人有提示导致这种情况的设置,我将不胜感激......

如果我需要详细说明,请告诉我:-)

提前致谢!

Answer 1

试错了......这修好了:

更换

import * as Vue from 'vue';

同

import Vue from 'vue'