我的RC5应用程序中出现此错误:
Promise rejection: Bootstrap at least one component before injecting Router.
main.ts:
import { platformbrowserDynamic } from '@angular/platform-browser-dynamic'; import { AppModule } from './app.module'; platformbrowserDynamic().bootstrapModule(AppModule);
app.module.ts:
@NgModule({ imports: [ browserModule,routing,SharedModule.forRoot() ],declarations: [ AppComponent,ErrorComponent ],bootstrap: [AppComponent] }) export class AppModule {}
shared.module.ts:
@NgModule({ imports: [CommonModule,RouterModule,HttpModule,FormsModule,ReactiveFormsModule],declarations: [TranslatePipe,DatetoStringPipe,HeaderComponent,FooterComponent],exports: [TranslatePipe,CommonModule,ReactiveFormsModule,FooterComponent] }) export class SharedModule { static forRoot(): ModuleWithProviders { return { ngModule: SharedModule,providers: [ FeedbackService,CookieService,AuthService,LoggerService,RouteGuard,{ provide: TranslateLoader,useFactory: (http: Http) => new TranslateStaticLoader(http,'app/languages','.json'),deps: [Http] },TranslateService,SearchService,SharedComponent,FooterComponent ] }; } } @NgModule({ exports: [ SharedModule],providers: [] }) export class SharedRootModule {}
app.component.ts:
export class AppComponent extends SharedComponent implements OnInit { constructor( _FeedbackService: FeedbackService,_loggerService: LoggerService,_translateService: TranslateService,_authService: AuthService,_router: Router ) { super( _FeedbackService,_loggerService,_translateService,_authService,_router ); }
最后是shared.component.ts:
constructor( protected _FeedbackService: FeedbackService,protected _loggerService: LoggerService,protected _translateService: TranslateService,protected _authService: AuthService,protected _router: Router ) { }
我尝试使用没有SharedComponent扩展的AppComponent,如下所示:
export class AppComponent implements OnInit { constructor(){ }
但这仍然会产生同样的问题.
Angular认为没有必要在模块级注入Router,在加载至少一个组件后注入Router是合理的.我怀疑至少有一个服务必须注入路由器,路由器提供给加载的模块,这会导致此错误.您可以做的是将使用路由器的服务注入应用程序组件,因此首先加载至少一个组件,并且所有子组件将从应用程序组件继承该服务.
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。