Angular2 - 'router-outlet' is not a known element
Solution 1:
AdminComponent
is part of AdminComponentModule
and you have not imported RouterModule
inside AdminComponentModule
module:
// admin.component.ts
import {Component} from "@angular/core";
@Component({
selector: 'admin',
template: "<router-outlet></router-outlet>",
})
export class AdminComponent {
constructor() {
}
}
// admin.module.ts
const ADMIN_DECLARATION = [
AdminComponent
];
@NgModule({
imports: [
BrowserModule,
TranslateModule,
RouterModule,
FormsModule,
ReactiveFormsModule
],
declarations: [
ADMIN_DECLARATION
],
exports: [
ADMIN_DECLARATION
],
providers: [
TranslateService,
FormBuilder
]
})
export class AdminComponentModule {
}
Solution 2:
you did not export the RouterModule.
@NgModule({
imports: [RouterModule.forRoot(routes)],
exports: [RouterModule]
})
Solution 3:
Add this code
import { provideRoutes} from '@angular/router';
to your app.module.ts
Worked for me.