angular - 从组件中的 Assets 目录导入静态 JSON 文件(Angular)

Question

我正在使用 Angular CLI(版本 6)。我的 assets 文件夹中有一个小的 JSON 文件，我想将其导入到我的组件中。我想不使用来 self 的组件的 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';
  

但是，在该行，我收到一条错误消息:无法找到模块../../assets/config.json。

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

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

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

Answer 1

您只需从“path/to/json”导入 myConfig，然后在您的文件中使用它。