Vue CLI+TypeScriptで「Type number trivially inferred from a number literal, remove type annotation」

2020年6月25日

今回はVue CLI+TypeScript環境で「Type number trivially inferred from a number literal, remove type annotation」というエラーが出たときの対処法についてご紹介いたします。

対処法自体は簡単です。

例として下記のソースコードがあるとします。

<script lang="ts">

@Component
export default class TestClass extends Vue {
  testNumber: number = 0
}
</script>

@Component

export default class TestClass extends Vue {

testNumber: number = 0

}

</script>

ESLintの設定で「Type number trivially inferred from a number literal, remove type annotation」が起きた場合、testNumberのnumber部分を消して、

<script lang="ts">
 
@Component
export default class TestClass extends Vue {
  testNumber = 0
}
</script>

@Component

export default class TestClass extends Vue {

testNumber = 0

}

</script>

とすれば「Type number trivially inferred from a number literal, remove type annotation」が消えると思います。

ぜひ試してみてください。

終わりに

今回はVue CLI+TypeScript環境で「Type number trivially inferred from a number literal, remove type annotation」というエラーが出たときの対処法についてご紹介いたしました。

最後までお読みいただきありがとうございます。
よろしければブログやTwitterでのシェアをお願いしております。
コメントもお待ちしております。
誤植や勘違いなどございましたらコメント欄にて教えていただけると幸いです。

Youtubeチャンネル開設いたしました。
チャンネル登録者1000人を目指しているので、良いと思った方はチャンネル登録をお願いしたいです。
https://www.youtube.com/channel/UC219XhmSRxmXltTy6COxSMw

Posted by ちこ