塩焼きブログ

塩焼きに関しての研究内容を公開しています

vue.jsをtypescriptで使っていてcomponentをimportしようとしていたらhoge.vue.tsファイルを読みに行ってしまう事件

vue.jsをtypescriptで使っていてcomponentをimportしようとしていたらhoge.vue.tsファイルを読みに行ってしまう事件

下記のような簡易ファイルを作ってimportしてテストしようとしていたらなぜかvue.tsを読みにいってしまっていた。

<template>
  <div>
    hoge
  </div>
</template>

<script lang="ts">
</script>

<style lang="scss">
</style>

テストのつもりで思考停止して簡易ファイルを作っていたが、一切は下記のようにVueをimportしてexportする必要があったのだった。

<template>
  <div>
    hoge
  </div>
</template>

<script lang="ts">
  import Vue from "vue";
  export default Vue.extend({
  });
</script>

<style lang="scss">
</style>