nuxt.js 使用 Typescript 在 VSCode 報錯： File 'xxx/components/Logo.vue' is not a module. Vetur(2306)

nuxt.js 生成的默認文件 components/Logo.vue 源碼大概如下：

<template>
  <svg
    class="NuxtLogo"
  >
  </svg>
</template>
<style>
.NuxtLogo {
  margin: auto;
}
</style>

在 page/index.vue 文件中引入 `import Logo from '~/components/Logo.vue';` 會報錯：`File 'xxx/components/Logo.vue' is not a module. Vetur(2306)`。

typescript 提示新增 vue-shims.d.ts ( https://github.com/Microsoft/TypeScript-Vue-Starter#single-file-components )，試過還是不行。

github issue 翻了一下，最后找到這個：https://github.com/vuejs/vetur/issues/1709

給 components/Logo.vue 添加 export 即可：

<template>
  <svg
    class="NuxtLogo"
  >
  </svg>
</template>
<style>
.NuxtLogo {
  margin: auto;
}
</style>
<script lang="ts">
import Vue from 'vue';

export default Vue.extend({
  name: 'LOGO',
});
</script>

添加之后，還需關閉重啟 VSCode ！