如何在 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