angular - 如何导入 json 文件以在 angular-cli npm test 中可用

Question

给定 Angular 版本 4.2.4 和 angular-cli(版本 1.1.3)和以下代码:

import languagesJsonRaw from './languages/en.json';
import countriesJsonRaw from './countries/en.json';

export const languages = prepareLanguages(languagesJsonRaw);
export const countries = prepareCountries(countriesJsonRaw);

这在我运行 npm start(触发 ng serve)时有效 - languages 和 countries 可用到应用程序。

当我运行 npm test 时，它基本上会触发:

ng test --reporters dots,html --browsers Chrome --watch

那么 languagesJsonRaw 和 countriesJsonRaw 是未定义的。

如何将这些文件也提供给测试运行器？我认为我们不需要做任何特别的事情就可以从 ng serve 或 ng build 获得它们，甚至可以使用 AOT。

这是默认的 angular-cli 项目，所以我认为测试运行器是 karma 。

Github 问题:https://github.com/angular/angular-cli/issues/6786

Answer 1

将以下代码附加到src/typings.d.ts

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

这将允许您加载 .json 模块。

您可以在此处查看完整说明: https://hackernoon.com/import-json-into-typescript-8d465beded79