Vue和TypeScript：找不到名称'exports'

Question

更改我的App.vue以使用typescript后，我现在得到一个编译器错误：

[tsl] \ src \ main.ts中的错误（2,23）TS2304：找不到名称'exports'。

如果我让vue-serve从改变中重新编译，我再次得到同样的错误，但也在q​​azxswpoi：

[tsl] src \ main.ts中的错误（2,23）TS2304：找不到名称'exports'。

[tsl] src \ App.vue.ts（2,23）中的错误TS2304：找不到名称'exports'。

[tsl] src \ App.vue.ts（13,1）中的错误TS2304：找不到名称'exports'。

使用VueCli3创建的一个简单示例typescript vue App：

main.ts

App.vue

App.vue

import Vue from 'vue'
import App from './App.vue'
import router from './router'
import store from '@/store'

new Vue({
  router,
  store,
  components: { App } //Removed render: h=> h() since it was throwing "any type" TS error. "Exports" error would throw either way.
}).$mount('#app')

为什么会这样？这是一个默认的vue-cli应用程序，除了

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

<script lang="ts">
import Vue from 'vue';
import Component from "vue-class-component";

@Component
export default class App extends Vue {

}

</script>

已更改为使用typescript。

所有适当的webkit零碎都存在（我现在已经苦苦挣扎了2周）因为这对其他打字稿文件（比如和组件路由器使用）和vue打字稿文件完全正常，直到App.vue使用打字稿或任何App.vue进口的模块使用打字稿。

有时它编译得很好，而错误显示在控制台App.vue中。我无法可靠地重现其中一个，有时会抛出编译器错误，有时它会在运行时抛出引用错误。

Answer 1

我过去也遇到过类似的问题。

可能会尝试导入像

ReferenceError: exports is not defined

• 这是在ES6上导入的方式