Как импортировать файл json в vuetify?

Question

Я пытаюсь импортировать файл json в скрипт, например:

<script lang="ts">
    import threadsjson from "../../public/sewing-thread.json";
    .....
</script>

Но красная линия отображается под "../../public/sewing-thread.json"; в Visual Studio Code. При наведении курсора на "../../public/sewing-thread.json"; отображается:

Cannot find module '../../public/sewing-thread.json'. Consider using '--resolveJsonModule' to import module with '.json' extensionVetur(2732)

Как я могу решить эту проблему?

Answer 1

Поскольку ваш файл JSON, в нем не будет никаких операторов экспорта, и, следовательно, вы не можете использовать импорт по имени. Вместо этого вы можете импортировать все с помощью * и присвоить ему имя переменной. И тогда вы можете использовать то же самое в данных.

import * as threadsjson from "../../public/sewing-thread.json";

....
....
  data() {
    return {
      threads: threadsjson
    }
  }