如何在 Javascript/React 中正確導入 JSON？ （VS代碼）

Question

我有這個示例文件（example.json）：

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

然后，在我的 js 文件中，我像這樣導入：

import testJson from "./example.json"

當我輸入： testJson.

我希望建議出現在 IDE 中（最好在 VS Code 中）。

我怎樣才能做到這一點？

Answer 1

使用節點 JSON 自動完成，它將在 vscode 中添加自動完成。

Answer 2

您不需要任何擴展。

並非每個模塊系統都支持 JSON 導入，因此您需要告訴 VS Code 這樣的導入是有效的。 為此，在您的jsconfig文件中，只需添加：

"resolveJsonModule": true

這不僅可以讓您自動完成 json 導入路徑，還可以為導入提供適當的智能感知。

VS Code 1.44+ 還會在所有不屬於jsconfig resolveJsonModule

不過，如果你有一個 jsconfig 或 tsconfig，你需要顯式設置"resolveJsonModule": true