NullInjectorError：没有路由器的提供程序！ 误差角2

Question

ERROR Error: StaticInjectorError(AppModule)[HeaderComponent -> Router]: 
  StaticInjectorError(Platform: core)[HeaderComponent -> Router]: 
    NullInjectorError: No provider for Router!
    at _NullInjector.get (core.js:994)
    at resolveToken (core.js:1292)
    at tryResolveToken (core.js:1234)
    at StaticInjector.get (core.js:1102)
    at resolveToken (core.js:1292)
    at tryResolveToken (core.js:1234)
    at StaticInjector.get (core.js:1102)
    at resolveNgModuleDep (core.js:10836)
    at NgModuleRef_.get (core.js:12069)
    at resolveDep (core.js:12559)

Answer 1

I was having the same error when I generated my module using:

ng g m nameofModule --routing

This imported the following in @NgModule of the created Module:

imports: [RouterModule.forChild(routes)]

It's supposed to be forRoot not forChild. Its supposed to be :

imports: [RouterModule.forRoot(routes)]

Hope this helps.

Answer 2

Add RouterModule into your AppModule .

import { RouterModule } from '@angular/router' ;

NgModule({
   imports: [
      ...
      RouterModule.forRoot(your routes here)
      ...
   ]
})
export class AppModule

Answer 3

 Import {RouterModule} from '@angular/router';

 @NgModule({
   imports: [
     RouterModule
   ],
})

Answer 4

The error specifies that no provider has been specified for Router in your project. To solve this you will need to add RouterModule to the exports in your module.

 import { NgModule } from '@angular/core'; import { RouterModule } from '@angular/router'; @NgModule({ exports: [ RouterModule ] }) export class AppRoutingModule {}