Vue.js(+TypeScript)で外部jsonファイルを直接importする方法

1.そのままimportしてみる

hoge.vue

import jsonData from '@/assets/hoge.json'

すると、エラーが。

Module '@/assets/hoge.json' was resolved 'hogehoge/src/assets/hoge.json', but '--resolveJsonModule' is not used.

2.結論

tsconfig.json の compilerOptions に resolveJsonModule を追加する

tsconfig.json

{
  "compilerOptions":
    "resolveJsonModule": true,
・・・後略

3.後記

コンソールを見ればそう書いてあるのに、なかなか気づかないというのも自分の問題ですね・・・