ng build上app.module中的单例服务错误

Question

我正在使用将在所有组件之间共享的单例服务，我创建了一个CoreModule ，其静态类为：

static forRoot(config: GlobalServiceConfig): ModuleWithProviders {
    return {
      ngModule: CoreModule,
      providers: [
        { provide: GlobalServiceConfig, useValue: config }
      ]
    };
  }

在app.module.ts中

export declare var Globals: GlobalServiceConfig;
export const g = Globals;

Globals dict是在index.html中创建的，其值来自后端。 现在我在app.module.ts中使用此Globals变量，并将此初始值提供给CoreModule.forRoot作为：

imports: [
    BrowserModule,
    SharedModule,
    LoginModule,
    ShippingModule,
    PaymentModule,
    CoreModule.forRoot(g),
    AppRoutingModule,
  ],

在第一次ng构建失败时，与ng服务/监视相同，但仅是第一次。 如果我进行任何更改，该应用程序将按预期运行，并获得初始值。 但无法构建该应用。 错误状态为：

ERROR中的ERROR遇到静态解析符号值的错误。 只能引用初始化的变量和常量，因为模板编译器需要此变量的值（原始.ts文件中的位置29:20），从而在E：/ repos / emtex / mobilepayment / src / app /中解析符号Globals app.module.ts，在E：/repos/emtex/mobilepayment/src/app/app.module.ts中解析符号g，在E：/repos/emtex/mobilepayment/src/app/app.module中解析符号AppModule。 ts，在E：/repos/emtex/mobilepayment/src/app/app.module.ts中解析符号AppModule，在E：/repos/emtex/mobilepayment/src/app/app.module.ts中解析符号AppModule

ng --version

@angular/cli: 1.0.0
node: 6.9.1
os: win32 x64
@angular/common: 4.0.0
@angular/compiler: 4.0.0
@angular/core: 4.0.0
@angular/forms: 4.0.0
@angular/http: 4.0.0
@angular/platform-browser: 4.0.0
@angular/platform-browser-dynamic: 4.0.0
@angular/router: 4.0.0
@angular/animations: 4.0.0
@angular/cli: 1.0.0
@angular/compiler-cli: 4.0.0

Answer 1

错误很明显，您的g变量未初始化，因此无法静态解析。 您说g来自后端，但是没有办法让角度知道g何时解析（从后端返回值）

您可以通过一个promise或observable来处理此问题，直到该值返回之前，您才进行引导。

或者，您可以将提供程序更改为useFactory然后将g更改为promise或observable，然后在服务工厂中等待g被解析。 请在此处查看有角度的文档以了解工厂提供者： https : //angular.io/docs/ts/latest/guide/dependency-injection.html#!# factory-provider