在app.module.ts文件中，确保在引入其他模块之前引入APP_INITIALIZER，并将其添加到providers数组中。例如：

import { NgModule, APP_INITIALIZER} from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { HttpClientModule } from '@angular/common/http';
import { AppRoutingModule } from './app-routing.module';
import { AppComponent } from './app.component';
import {MyService} from './my.service';

// 定义APP_INITIALIZER
export function initApp(myService: MyService) {
  return () => {
    return myService.loadConfig().toPromise();
  };
}

@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule,
    HttpClientModule,
    AppRoutingModule
  ],
  providers: [
    // 将APP_INITIALIZER添加到providers数组中
    {
      provide: APP_INITIALIZER,
      useFactory: initApp,
      deps: [MyService],
      multi: true
    },
    MyService
  ],
  bootstrap: [AppComponent]
})
export class AppModule { }

在上面的示例中，我们首先定义了一个名为initApp的函数，该函数将MyService作为依赖项，并在完成加载配置后返回一个Promise。

然后，我们将该函数作为APP_INITIALIZER提供程序添加到providers数组中，并将MyService添加为主要提供程序。

通过这样做，我们确保了APP_INITIALIZER在其他模块之前完成加载配置。