在我的Angular应用程序中,我使用共享服务,因为数据不断更新,所以我不需要成为单例。
服务工厂:
import {DataService} from '../../../../shared/services/data.service';
import {Http} from '@angular/http';
export const DataServiceProvider = {
provide: DataService,
useFactory(http: Http) {
return new DataService(http);
},
deps: [Http]
};
当我在JIT模式下运行应用程序时,工厂工作正常,但是当我使用--aot标志构建时,我收到以下错误。
ERROR Error: Uncaught (in promise): TypeError: Cannot read property 'get' of undefined
TypeError: Cannot read property 'get' of undefined
返回的服务有一个get()方法,用于调用服务器。我无法理解在AOT中打破这个看似简单的功能的原因。
有关其他参考,我在构造函数中注入服务:
construct(
dataService: DataService
) {
super();
}
并在ngOnInit()中调用它:
ngOnOnit() {
this.subscribe(this.dataService.get(), (res) => { this.data = res });
}
我有一些从我的组件中抽象出来的订阅功能,它处理取消订阅以防止内存泄漏,这就是为什么代码看起来很奇怪。
答案 0 :(得分:3)
为了使AOT工作,所有功能都需要静态分析。有关详细信息,请参阅this Medium article。由于您正在导出一个对象,并且该对象上有一个匿名函数,因此请尝试导出该函数。像这样更新你的工厂:
import {DataService} from '../../../../shared/services/data.service';
import {Http} from '@angular/http';
export const DataServiceProvider = {
provide: DataService,
useFactory: dataServiceProviderUseFactory,
deps: [Http]
};
export function dataServiceProviderUseFactory(http: Http) {
return new DataService(http);
}