如何在 Javascript/React 中正确导入 JSON？（VS代码）答案

【问题标题】：How to import JSON in Javascript/React properly? (VS Code)如何在 Javascript/React 中正确导入 JSON？（VS代码）
【发布时间】：2020-07-23 12:49:09
【问题描述】：

我有这个示例文件（example.json）：

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

然后，在我的 js 文件中，我像这样导入：

import testJson from "./example.json"

当我输入时： testJson.

我希望建议出现在 IDE 中（最好在 VS Code 中）。

我怎样才能做到这一点？

【问题讨论】：

标签： javascript json ecmascript-6 import

【解决方案1】：

使用Node JSON Autocomplete会在vscode中添加自动完成功能。

【讨论】：

感谢您的回复。不幸的是，对我没有任何帮助。除了安装，我还需要设置什么吗？
VS Code 版本为 1.44.0

【解决方案2】：

您不需要任何扩展。

并非每个模块系统都支持 JSON 导入，因此您需要告诉 VS Code 这样的导入是有效的。为此，请在您的 jsconfig 文件中添加：

"resolveJsonModule": true

这不仅可以让您自动完成 json 导入路径，还可以为您的导入提供适当的智能感知。

VS Code 1.44+ 还会在所有不属于jsconfig 的JS 文件中自动启用resolveJsonModule：

同样，如果您有 jsconfig 或 tsconfig，则需要显式设置 "resolveJsonModule": true

【讨论】：