在应用程序启动时从模拟后端切换到真实后端

Question

我有一个Angular 5应用程序，我希望能够从模拟后端或真实后端开始，具体取决于环境变量。

这是我的环境文件：

export const environment = {
    production: false,
    mockBackend: true
};

我希望能够拥有这种结构：

  

的AppModule

     

    

SharedAppModules

         

AppModule，导入SharedAppModules并添加必要的内容。

         

MockAppModule，导入SharedAppModules并添加必要的内容：

  

 MockBackendService,
    MockBackend,
    BaseRequestOptions,
    { provide: LocationStrategy, useClass: HashLocationStrategy },
    {
      provide: Http,
      deps: [MockBackend, BaseRequestOptions],
      useFactory: mockHttpFactory
    }

我的目标是在main.ts做：

if (environment.production) {
  enableProdMode();
}
if(environment.mockBackend) {
  platformBrowserDynamic().bootstrapModule(MockAppModule);
} else {
  platformBrowserDynamic().bootstrapModule(AppModule);
}

但我从Angular那里得到一个错误，说它没有找到任何引导程序。有没有人试图做同样的事情或有任何想法以不同的方式实现同​​一目标？