json - 在 ng-packagr 中嵌入 json

Question

在一个角度 cli 项目中，我设法像这样嵌入 json

• 添加typings.d.ts

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

• 导入.json

import * as data from '../assets/data.json';

但是如果我想用 ng-packagr 将它编译成 Angular 5 模块，我会收到以下错误：

.../.ng_pkg_build/my-module/ts/src/app/my-module.module 处出错。ts:28:33：找不到模块“../assets/data.json”。

有没有人遇到过这个问题并知道如何解决？

Answer 1

4.4.0版中的 Ng-packagr终于添加了对resolveJsonModule. 请参阅有关此问题的线程。

import { Component, Input } from '@angular/core';
import jsonData from './angular.component.json';

@Component({
  selector: 'ng-component',
  template: '<h1>{{title}}</h1>{{data}}',
  styleUrls: ['./angular.component.scss']
})
export class AngularComponent {
  @Input()
  title = 'Angular';

  data = jsonData;
}