从组件中的资产目录导入静态 JSON 文件（Angular）

Question

我正在使用 Angular CLI（版本 6）。我的JSON文件assets夹中有一个小文件，我想将其导入到我的组件中。我想在不使用来自我的组件的 GET 请求的情况下执行此操作。

我做了什么：

• 我创建了一个新文件，typings.d.ts：

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

  ... 并在tsconfig.spec.json. 以下是引用的片段ts.config.spec.json：

  "files": [
      "test.ts",
      "polyfills.ts",
       "./typings.d.ts"
  ],
  

• 从我的组件中，我试图导入我的 JSON 文件：

  import * as myConfig from '../../assets/config.json';
  

但是，在该行中，我收到一条错误消息：cannot find module ../../assets/config.json.

我很确定这个相对路径是正确的（我也尝试了其他几个选项，类似于typings.d.ts 引用 - 但无论如何，我的目录结构只是一个简单的 Angualr CLI 应用程序：

|- src
    |   
    |-app
    |   |-component
    |       |-component.ts
    |
    |
    |-assets
        |-config.json

任何有关如何解决此问题的提示将不胜感激。

Answer 1

然后您就可以import myConfig from 'path/to/json'在您的文件中使用它。