在 typescript 中读取本地 JSON 文件

Question

如何将本地存储的 JSON 文件读取到打字稿中的变量中？我有一个 json 照片文件，如下所示：

[
    {
      "id": 1,
      "camera": "",
      "location": "",
      "iso": 0,
      "aperture": 0,
      "focal length": 0
    },
    {
      "id": 2,
      "camera": "",
      "location": "",
      "iso": 0,
      "aperture": 0,
      "focal length": 0
    },
    {
      "id": 3,
      "camera": "",
      "location": "",
      "iso": 0,
      "aperture": 0,
      "focal length": 0
    }
]

我正在尝试将文件作为文本读取，然后使用，Json.Parse但首先如何将其作为文本读取？我尝试过使用 FileReader.readAsText 但它只接受 blob 对象。我是否需要从文件路径创建 blob 对象，或者是否有更简单的方法来读取本地 JSON 文件？

Answer 1

可以做，但是需要修改tsconfig.json。里面tsconfig.json有一个设置叫resolveJsonModule. 默认情况下，其值设置为false。

长话短说

1. 打开tsconfig.json，如果resolveJsonModule不存在，则compilerOptions添加如下：

   "resolveJsonModule": true,
   

2. 打开要读取文件的组件并导入，如下所示：

   import * as photos from '../../path-to file';
   

上述更改足以导入文件。这是示例：Stackblitz 示例