Vue / Typescript, полученный Модуль '"* .vue"' не имеет экспортированного члена

Question

Я хочу экспортировать несколько интерфейсов вместе с Component из .vue файла.

Basic.vue:

<template>
    <div class="app">
        <router-view></router-view>
    </div>
</template>

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

export interface IBasic {
    name :string;
}

/**
 * Simplest container
 */
@Component
export class Basic extends Vue {}
export default Basic;
</script>

Но когда я импортирую его из другого .ts файла, я получаю:

Что я могу сделать, чтобы успешно импортировать интерфейс?

Answer 1

Вы можете попытаться использовать ktsn / vuetype , чтобы сгенерировать файл пользовательского объявления для каждого файла компонента, вместо использования объявления по умолчанию shims-vue.d.ts.