Angular4报错No provider for Router！Firebase OAuth登录教程问题求助

嘿，我一眼就看出问题所在啦——这个错误和你配置AuthService没啥关系，核心是Angular的路由模块没有正确导入到你的根模块里，导致依赖注入系统找不到Router服务的提供者。

具体解决步骤： #

• 首先打开你的根模块（一般是AppModule），确保已经导入RouterModule，并且用forRoot()方法配置好路由规则：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router'; // 导入路由模块

// 定义你的路由配置
const appRoutes: Routes = [
  { path: '', redirectTo: '/home', pathMatch: 'full' },
  { path: 'home', component: HomeComponent },
  // 其他路由规则...
];

@NgModule({
  declarations: [AppComponent, HomeComponent],
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes) // 关键：用forRoot()注册路由服务
  ],
  providers: [AuthService], // 你的AuthService配置没问题
  bootstrap: [AppComponent]
})
export class AppModule { }

• 如果你是在特性模块中使用路由，记得要用RouterModule.forChild(appRoutes)而不是forRoot()，避免重复提供Router服务。
• 检查你的AppComponent.html里是不是用到了<router-outlet>或者routerLink这类路由指令——只要用了这些，就必须确保根模块已经导入并配置好RouterModule，否则就会触发这个错误。

为什么会出现这个错误？ #

Angular的Router服务不是默认就存在的，它是由RouterModule.forRoot()来提供的。你在组件构造函数中注入了Router，但如果模块层面没有导入配置好的RouterModule，依赖注入系统就找不到这个服务的实例，自然就会抛出No provider for Router!的报错啦。

内容的提问来源于stack exchange，提问作者Gallo