Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angular/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angular 错误:路由器没有提供程序!在injectionError(core.es5.js:1231)[角度]_Angular - Fatal编程技术网

Angular 错误:路由器没有提供程序!在injectionError(core.es5.js:1231)[角度]

Angular 错误:路由器没有提供程序!在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

我得到了这个错误。我的AngularJS2应用程序现在很小。我对AngularJS是新手。求求你,救命!提前谢谢你。 app.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 { }
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,…您如何知道必须导入哪个模块。我也遇到了同样的问题,所以我有必要确切地知道必须导入哪个模块