Angular 获取路由错误,表示没有路由提供程序
./AppComponent类AppComponent-内联模板中的错误:0:0,原因是:路由器没有提供程序Angular 获取路由错误,表示没有路由提供程序,angular,Angular,./AppComponent类AppComponent-内联模板中的错误:0:0,原因是:路由器没有提供程序 import { NgModule } from '@angular/core'; import { BrowserModule } from '@angular/platform-browser'; import { BrowserAnimationsModule } from '@angular/platform-browser/animations'; import { HttpC
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClient, HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { GridModule } from '@progress/kendo-angular-grid';
import { LayoutModule } from '@progress/kendo-angular-layout';
import { ButtonsModule } from '@progress/kendo-angular-buttons';
import { DialogModule } from '@progress/kendo-angular-dialog';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
,,
],
进口:[
HttpClientModule,
HttpClientJsonpModule,
浏览器模块,
BrowserAnimationsModule,
批准模块,
反应形式模块,
FormsModule,
网格模块,
对话模块,
布局模块,
按钮模块,
下拉模块
],
提供者:[],
引导:[AppComponent]
})
导出类AppModule{}
./AppComponent类AppComponent-内联模板中的错误:0:0,原因是:路由器没有提供程序 请将此添加到app.module.ts中
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
import { HttpClient, HttpClientModule, HttpClientJsonpModule } from '@angular/common/http';
import { ReactiveFormsModule, FormsModule } from '@angular/forms';
import { AppRoutingModule } from './app-routing.module';
import { GridModule } from '@progress/kendo-angular-grid';
import { LayoutModule } from '@progress/kendo-angular-layout';
import { ButtonsModule } from '@progress/kendo-angular-buttons';
import { DialogModule } from '@progress/kendo-angular-dialog';
import { DropDownsModule } from '@progress/kendo-angular-dropdowns';
@NgModule({
declarations: [
AppComponent,
HeaderComponent,
FooterComponent,
import { RouterModule, Routes } from '@angular/router';
imports: [
RouterModule.forRoot([])
// other imports here
]
似乎AppRoutingModule模块中存在问题。 如果您在AppRoutingModule中定义的路线如下
const routes: Routes = [
{ path: '', redirectTo: '/login', pathMatch: 'full'},
{ path: 'login', component: SignInComponent},
{ path: '**', redirectTo: '/login' }
];
那么在AppRoutingModule中,很可能您缺少这样的导入语句
@NgModule({
imports: [RouterModule.forRoot(routes)],
})