如何从 TypeScript 中的文件导入 JSON 字符串

当我们在 TypeScript 中需要导入 JSON 字符串时，我们可以使用以下方法：

1. 使用 import 语句

可以使用 import 语句导入 JSON 字符串，例如：

import data from './data.json';
console.log(data);

这里假设我们的 JSON 数据存储在 data.json 文件中。使用 import 语句导入时，可以通过 ES6 模块化规范加载 JSON 数据。在这个例子中，因为我们只有一个数据对象，所以可以直接将其导入为默认的模块导出对象 data。

2. 使用 require 语句

如果您的 TypeScript 版本低于 2.9，您也可以使用 require 语句导入 JSON 数据。例如：

const data = require('./data.json');
console.log(data);

在这个例子中，我们使用 require() 函数加载 JSON 数据。

3. 使用模板字符串

我们还可以使用模板字符串来读取 JSON 数据。例如：

const dataString = '{"name": "John", "age": 30}';
const data = JSON.parse(dataString);
console.log(data);

在这个例子中，我们首先将 JSON 字符串存储在 dataString 变量中，然后使用 JSON.parse() 函数将其转换为 JavaScript 对象。

总结：

以上是导入 JSON 数据的三种方法，它们各有优劣，您可以根据不同的需求选择使用。如果您正在使用 TypeScript 2.9 或更高版本，使用 import 语句可以更方便地导入 JSON 数据。否则，您可以使用 require 语句或模板字符串。