vue.js - 如何解决VueJS组件(TypeScript)中的 "_super.apply is not a function"

Question

我完全是 VueJS 的新手，但在 Angular 等方面有一些经验。主要是发展。与其说是设置环境(webpack、gulp 等)。

我已经尝试使用 TypeScript 设置 VueJS，并且几乎处于工作状态。我确实获得了所需的输出，但我也在控制台中遇到了一些我想消除的错误。

我的简单组件由这些文件组成...

索引.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 {}

这会显示“国家...”，但我在控制台中收到以下错误:

[Vue warn]: Error in data(): (found in at D:\Projects\sb1\src\components\countries\index.vue)

和

TypeError: _super.apply is not a function

谁能帮我做些什么？

此外，我的所有文件都已编译，我无法使用 Chrome 开发者工具对其进行调试。如果有人暗示是什么设置导致了这种情况，我们将不胜感激......

如果我需要详细说明任何事情，请告诉我:-)

提前致谢!

Answer 1

反复试验...这修复了它:

替换

import * as Vue from 'vue';

与

import Vue from 'vue'