Angular 错误:路由器没有提供程序!在injectionError(core.es5.js:1231)[角度]
我得到了这个错误。我的AngularJS2应用程序现在很小。我对AngularJS是新手。求求你,救命!提前谢谢你。 app.module.tsAngular 错误:路由器没有提供程序!在injectionError(core.es5.js:1231)[角度],angular,Angular,我得到了这个错误。我的AngularJS2应用程序现在很小。我对AngularJS是新手。求求你,救命!提前谢谢你。 app.module.ts import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { NgModule } from '@angular/cor
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MaterialModule } from '@angular/material';
import { ToolbarMultirow } from './toolbar-multirow';
import { DashboardComponent } from './dashboard/dashboard.component';
import { DashboardService } from './dashboard/shared/dashboard.service';
import { DashboardModule } from './dashboard/dashboard.module';
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
HttpModule,
ReactiveFormsModule,
MaterialModule,
DashboardModule
],
declarations: [
ToolbarMultirow,
// DashboardComponent
],
providers: [
DashboardService
],
bootstrap: [
ToolbarMultirow,
DashboardComponent
],
})
export class AppModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { HttpModule } from '@angular/http';
import { DashboardComponent } from './dashboard.component';
import { DashboardService } from './shared/dashboard.service';
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
HttpModule
],
declarations: [
DashboardComponent
],
exports: [
DashboardComponent,
CommonModule,
FormsModule
],
providers: [
// DashboardService
],
bootstrap: [
// DashboardComponent
]
})
export class DashboardModule { }
dashboard.module.ts
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { NgModule } from '@angular/core';
import { HttpModule } from '@angular/http';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { MaterialModule } from '@angular/material';
import { ToolbarMultirow } from './toolbar-multirow';
import { DashboardComponent } from './dashboard/dashboard.component';
import { DashboardService } from './dashboard/shared/dashboard.service';
import { DashboardModule } from './dashboard/dashboard.module';
@NgModule({
imports: [
BrowserModule,
BrowserAnimationsModule,
FormsModule,
HttpModule,
ReactiveFormsModule,
MaterialModule,
DashboardModule
],
declarations: [
ToolbarMultirow,
// DashboardComponent
],
providers: [
DashboardService
],
bootstrap: [
ToolbarMultirow,
DashboardComponent
],
})
export class AppModule { }
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { HttpModule } from '@angular/http';
import { DashboardComponent } from './dashboard.component';
import { DashboardService } from './shared/dashboard.service';
@NgModule({
imports: [
CommonModule,
FormsModule,
ReactiveFormsModule,
HttpModule
],
declarations: [
DashboardComponent
],
exports: [
DashboardComponent,
CommonModule,
FormsModule
],
providers: [
// DashboardService
],
bootstrap: [
// DashboardComponent
]
})
export class DashboardModule { }
DashboardComponent_uhost.html:1错误上下文调试上下文{视图:
对象,nodeIndex:1,nodeDef:Object,elDef:Object,elView:Object}
查看仪表板组件主机0@DashboardComponent主机。html:1
proxyClass@compiler.es5.js:13572 DebugContext_389;u389;.logError@
core.es5.js:12953 ErrorHandler.handleError@core.es5.js:1149
(匿名)@core.es5.js:4660 ZoneDelegate.invoke@zone.js:365
onInvoke@core.es5.js:4125 ZoneDelegate.invoke@zone.js:364 zone.run
@zone.js:125(匿名)@zone.js:760 ZoneDelegate.invokeTask@
zone.js:398 onInvokeTask@core.es5.js:4116 ZoneDelegate.invokeTask@
zone.js:397 zone.runTask@zone.js:165 drainMicroTaskQueue@
zone.js:593 zone.js:569未处理的承诺拒绝:没有提供
路由器;区域:;任务:承诺;值:错误:否
路由器提供商!
在injectionError(core.es5.js:1231)[角度]
没有提供错误(core.es5.js:1269)[角度]
在ReflectiveInjector_u.throwOrNull(core.es5.js:2770)[角度]
在ReflectiveInjector.getByKeyDefault(core.es5.js:2809)[角度]
在ReflectiveInjector.getByKey(core.es5.js:2741)[角度]
在ReflectiveInjector.get(core.es5.js:2610)[角度]
在AppModuleInjector.NgModuleInjector.get(core.es5.js:3557)[角度]
在resolveDep(core.es5.js:10930)[角度]
在createClass(core.es5.js:10799)[角度]
在createDirectiveInstance(core.es5.js:10627)[角度]
在createViewNodes(core.es5.js:11977)[角度]
在createRootView(core.es5.js:11882)[角度]
在callWithDebugContext(core.es5.js:13013)[角度]
在Object.debugCreateRootView[作为createRootView](core.es5.js:12474)[角度]错误
在injectionError()处[angular]
at noProviderError()[角度]
在ReflectiveInjector_908;.throwOrNull()处[角度]
在ReflectiveInjector.getByKeyDefault()[angular]
在ReflectiveInjector.getByKey()[angular]
在ReflectiveInjector.get()[angular]
在AppModuleInjector.NgModuleInjector.get()[angular]
在resolveDep()处[角度]
在createClass()[angular]
在createDirectiveInstance()[angular]
在createViewNodes()[角度]
在createRootView()[angular]
在callWithDebugContext()[angular]
在Object.debugCreateRootView[作为createRootView]()[角度]
consoleError@zone.js:569 handleunhandledrefraction@zone.js:574
_loop_1@zone.js:609 drainMicroTaskQueue@zone.js:613 zone.js:571错误:未捕获(承诺中):错误:路由器没有提供程序!错误
在injectionError(core.es5.js:1231)[角度]
没有提供错误(core.es5.js:1269)[角度]
在ReflectiveInjector_u.throwOrNull(core.es5.js:2770)[角度]
在ReflectiveInjector.getByKeyDefault(core.es5.js:2809)[角度]
在ReflectiveInjector.getByKey(core.es5.js:2741)[角度]
在ReflectiveInjector.get(core.es5.js:2610)[角度]
在AppModuleInjector.NgModuleInjector.get(core.es5.js:3557)[角度]
在resolveDep(core.es5.js:10930)[角度]
在createClass(core.es5.js:10799)[角度]
在createDirectiveInstance(core.es5.js:10627)[角度]
在createViewNodes(core.es5.js:11977)[角度]
在createRootView(core.es5.js:11882)[角度]
在callWithDebugContext(core.es5.js:13013)[角度]
在Object.debugCreateRootView[作为createRootView](core.es5.js:12474)[角度]
在injectionError(core.es5.js:1231)[角度]
没有提供错误(core.es5.js:1269)[角度]
在ReflectiveInjector_u.throwOrNull(core.es5.js:2770)[角度]
在ReflectiveInjector.getByKeyDefault(core.es5.js:2809)[角度]
在ReflectiveInjector.getByKey(core.es5.js:2741)[角度]
在ReflectiveInjector.get(core.es5.js:2610)[角度]
在AppModuleInjector.NgModuleInjector.get(core.es5.js:3557)[角度]
在resolveDep(core.es5.js:10930)[角度]
在createClass(core.es5.js:10799)[角度]
在createDirectiveInstance(core.es5.js:10627)[角度]
在createViewNodes(core.es5.js:11977)[角度]
在createRootView(core.es5.js:11882)[角度]
在callWithDebugContext(core.es5.js:13013)[角度]
在Object.debugCreateRootView[作为createRootView](core.es5.js:12474)[角度]
在resolvePromise(zone.js:712)[]
at:4200/polyfills.bundle.js:3326:17[]
at:4200/polyfills.bundle.js:3342:33[]
在Zone.run(Zone.js:125)[=>]
at:4200/polyfills.bundle.js:3448:57[]
在Zone.runTask(Zone.js:165)[=>]
在drainMicroTaskQueue(zone.js:593)[]consoleError@zone.js:571 handleunhandledrefraction@zone.js:574
_loop_1@zone.js:609 drainMicroTaskQueue@zone.js:613
只需将RouterModule添加到导入中
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { FormsModule, ReactiveFormsModule } from '@angular/forms';
import { RouterModule } from '@angular/router';
import { HttpModule } from '@angular/http';
import { DashboardComponent } from './dashboard.component';
import { DashboardService } from './shared/dashboard.service';
@NgModule({
imports: [
RouterModule, <-------
CommonModule,
FormsModule,
ReactiveFormsModule,
HttpModule
],
declarations: [
DashboardComponent
],
exports: [
DashboardComponent,
CommonModule,
FormsModule
],
providers: [
// DashboardService
],
bootstrap: [
// DashboardComponent
]
})
export class DashboardModule { }
从'@angular/core'导入{NgModule};
从“@angular/common”导入{CommonModule};
从'@angular/forms'导入{FormsModule,ReactiveFormsModule};
从'@angular/router'导入{RouterModule};
从'@angular/http'导入{HttpModule};
从“./dashboard.component”导入{DashboardComponent};
从“./shared/dashboard.service”导入{DashboardService};
@NGD模块({
进口:[
RouterModule,我通过删除依赖项解决了这个问题,比如Rooter,…您如何知道必须导入哪个模块。我也遇到了同样的问题,所以我有必要确切地知道必须导入哪个模块