TypeScript（Nuxt.js）でComponentを参照するとエラーがでる

Question

vue-property-decoratorを使ってコンポーネントを参照しているのですが、
エラーがでてしまいます。
なぜエラーがでてるかわからないので、ご教示頂ければ幸いです。

エラー内容

File 'path:/Admin-menu.vue' is not a module.

ソース

import { Component, Vue } from 'vue-property-decorator'
@Component({
  components: {
    AdminMenu: () => import('~/components/templates/Admin-menu.vue'),
    AdminHeader: () => import('~/components/roofs/Header-admin.vue')
  }
})
export default class AdminCompanyPage extends Vue {
}

Answer 1

何もscriptの処理がないコンポーネントに対してclassを宣言してなかったことが原因でした。

<template>
  <nav>
    <ul>
      <li>
        <n-link
          to="/company/applicants"
          class="yellow"
        >
          応募
        </n-link>
      </li>
      <li>
        <n-link
          to="/company/favorite"
          class="blue"
        >
          お気に入り
        </n-link>
      </li>
    </ul>
  </nav>
</template>
<!-- ここから -->
<script lang="ts">
import { Component, Vue, Prop } from 'vue-property-decorator'
@Component
export default class ApplicantTab extends Vue {
}
</script>
<!-- ここまでの記述をしたらエラーが消えた -->
<style lang="scss" scoped>
ul {
  display: flex;
}
li {
  &:first-child {
    margin-right: 20px;
  }
}
a {
  display: flex;
  width: 106px;
  height: 30px;
  font-weight: bold;
  font-size: 14px;
  border-radius: 5px 5px 0 0;
  justify-content: center;
  align-items: center;
}
</style>