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>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

CAPTCHA