Как правильно импортировать JSON в Javascript / React? (Кодекс VS)

Question

У меня есть этот файл примера (пример. json):

{"test": {"name": "testName"}}

Затем в моем файле js я импортирую вот так:

import testJson from "./example.json"

Когда я набираю: testJson.

Я хочу, чтобы предложения появлялись в IDE (желательно в VS Code).

Как мне выполнить sh это?

Answer 1

Использование Узел JSON Автозаполнение добавит автозаполнение в vscode.

Answer 2

Для этого вам не нужны никакие расширения.

JSON Импорт не поддерживается в каждой модульной системе, поэтому вам нужно сообщить VS Code, что такой импорт действителен. Для этого в файле jsconfig просто добавьте:

"resolveJsonModule": true

Это не только позволит вам автоматически заполнять json пути импорта, но и даст вам правильный смысл для импорта .

VS Код 1.44+ также автоматически включает resolveJsonModule во всех JS файлах, которые не принадлежат jsconfig:

Опять же, если у вас есть jsconfig или tsconfig, вам нужно явно установить "resolveJsonModule": true