VueJS 컴포넌트(TypeScript)에서 "_super.apply is not function"(_super.apply is not function)을 해결하는 방법

VueJS 컴포넌트(TypeScript)에서 "_super.apply is not function"(_super.apply is not function)을 해결하는 방법

저는 VueJs에 완전히 정통하지만 Angular 등에 대해 어느 정도 경험이 있습니다.주로 개발이죠.환경 설정(Web pack, gulp 등)이 많지 않다.

VueJs를 TypeScript로 셋업하려고 했는데 거의 동작하고 있습니다.필요한 출력은 얻을 수 있지만 콘솔에 몇 가지 오류가 표시되므로 제거할 수 있습니다.

내 간단한 컴포넌트는 이 파일들로 구성되어 있어...

index.vue

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

countries.component.displays

<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 {}

"Countrys.."가 표시됩니다."라고 해야 하는데 콘솔에 다음과 같은 오류가 나타납니다.

[Vue warn] :data(): 오류입니다(D:에 있습니다).\Projects\sb1\src\components\countries\index.vue)

그리고.

TypeError: _super.apply는 함수가 아닙니다.

누가 나 좀 도와줄래?

또한 모든 파일이 컴파일되어 Chromes Developer Tools를 사용하여 디버깅할 수 없습니다.어떤 설정이 원인인지 힌트를 주시면 감사하겠습니다.

더 자세히 설명해야 할 사항이 있으면 알려주세요:-)

잘 부탁드립니다!

시행착오...이것으로 수정:

교환

import * as Vue from 'vue';

와 함께

import Vue from 'vue'

언급URL : https://stackoverflow.com/questions/43051838/how-to-solve-super-apply-is-not-a-function-in-vuejs-component-typescript