Javascript 如何在TypeScript中键入JSON导入

基本上我想输入一个导入的JSON，这样我就可以很容易地检查它。 这就是我所尝试的：

// typings.d.ts

type NetWorkReport = {
  log: {
    version: string
    creator: any
    pages: any[]
    entries: Request[]
  }
}

declare module "*.json" {
  const value: NetWorkReport;
  export default value;
}

以及导入文件的代码：

// index.ts

import * as networkCapture from './networkCapture.json';

console.log(networkCapture.log) // ERROR: Property 'log' does not exist on type '{}'

我的JSON是巨大的（它实际上是从

Chrome DevTools>Network>export-HAR…

导出的）。第一行是：

{
  "log": {
    "version": "1.2",
    "creator": {
      "name": "WebInspector",
      "version": "537.36"
    },
    "pages": [
      {
        "startedDateTime": "2020-03-11T12:21:37.400Z",
        "id": "page_1",
        "title": "https://somewebpage.com",
        "pageTimings": {
          "onContentLoad": 1946.7949999962002,
          "onLoad": 3050.905000010971
        }
      }
    ],

...

---

我做错了什么？

我还导入了.ts页面上的json文件

像进口一样

import * as countries from '../../../environments/countries.json';

然后像这样在构造函数中获取数据

let countriesList: any = [];
countriesList = countries;

---

因此，您可以这样做来获取Json数据。

您也可以共享Json吗？您的Json文件是什么样子的？我认为它只在执行时读取，但问题仍然会更新。顺便说一句，如果有任何方法可以从实际的JSON推断类型，那就更好了