路由出错，提示没有路由提供者

Posted 2023-02-23

【中文标题】路由出错，提示没有路由提供者

【英文标题】：Getting error with routing which says no provider for routing

【发布时间】：2020-06-09 21:10:02

【问题描述】：

./AppComponent 类 AppComponent 中的错误 - 内联模板：0:0 原因：没有路由器提供程序！

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,

, ], 进口：[ HttpClient模块， HttpClientJsonp模块， 浏览器模块， 浏览器动画模块， 应用路由模块， 反应形式模块， 表单模块， 网格模块， 对话模块， 布局模块， 按钮模块， 下拉模块 ], 提供者：[]， 引导程序：[AppComponent] ) 导出类 AppModule

./AppComponent 类 AppComponent 中的错误 - 内联模板：0:0 原因：没有路由器提供程序！

【参考方案1】：

请在 app.module.ts 中添加这个

import  RouterModule, Routes  from '@angular/router';

imports: [
    RouterModule.forRoot([])
    // other imports here
  ]

【参考方案2】：

AppRoutingModule 模块中似乎存在问题。 如果您在 AppRoutingModule 中定义的路由看起来像

const routes: Routes = [
   path: '', redirectTo: '/login', pathMatch: 'full',
  path: 'login', component: SignInComponent,
   path: '**', redirectTo: '/login' 
];

那么你可能在 AppRoutingModule 中缺少像这样的 import 语句

 @NgModule(
      imports: [RouterModule.forRoot(routes)],
    )