Vue/Typescript，获得模块“*.vue""没有导出成员 [英] Vue / Typescript, got Module '"*.vue"' has no exported member
本文介绍了Vue/Typescript，获得模块“*.vue""没有导出成员的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！
问题描述
我想从 .vue 文件中与 Component 一起导出几个接口.
Basic.vue:
<div class="app"><路由器视图></路由器视图></模板><script lang="ts">从vue-property-decorator"导入 { Vue, Component };导出接口 IBasic {名称:字符串；}/*** 最简单的容器*/@成分导出类 Basic 扩展了 Vue {}导出默认基本；
但是当我从另一个 .ts 文件导入它时，我得到:
如何才能成功导入接口?
解决方案
您可以从导入中删除 { }.这是默认导出，所以你写 import IBasic from "@/../containers/Basic"
I want to export several interfaces together with Component from .vue file.
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>
But when I import it from another .ts file, I got:
What can I do to import the interface successfully?
解决方案
You can drop the { } from your import. It’s a default export, so then you write import IBasic from "@/../containers/Basic"
这篇关于Vue/Typescript，获得模块“*.vue""没有导出成员的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
查看全文
