【Nuxtでjsonをimport】Consider using '--resolveJsonModule' to import module with '.json' extension. の解決法

はじめに

Nuxtでローカルに設置したjsonファイルをimportしようとすると・・・・

Consider using '--resolveJsonModule' to import module with '.json' extension.

エラー発生！！！！

tsconfig.jsonを編集

"resolveJsonModule": true,をcompilerOptionsに追加します。
これで解決！

tsconfig.json

{
  "compilerOptions": {
    "target": "ES2018",
    "module": "ESNext",
    "noImplicitAny": false,
    "resolveJsonModule": true,
    "moduleResolution": "Node",
    "lib": [
      "ESNext",
      "ESNext.AsyncIterable",
      "DOM"
    ],
    "esModuleInterop": true,
    "allowJs": true,
    "sourceMap": true,
    "strict": true,
    "noEmit": true,
    "experimentalDecorators": true,
    "baseUrl": ".",
    "paths": {
      "~/*": [
        "./*"
      ],
      "@/*": [
        "./*"
      ]
    },
    "types": [
      "@nuxt/types",
      "@nuxtjs/axios",
      "@types/node"
    ]
  },

参考