Angular 6升级后@markpieszak/ng-application-insights组件异常问题

这个问题我在升级Angular版本时也踩过坑，核心原因很清晰：AppInsightsService依赖Router服务，但你的模块中没有为Router提供正确的注入器，导致Angular的DI系统找不到它的提供者，抛出了NullInjectorError。

下面是具体的解决步骤：

1. 检查根模块的路由配置 #

如果你的InsightsModule是在根模块（AppModule）中导入的，首先要确保AppModule已经正确导入了RouterModule.forRoot()，而且要在InsightsModule之前导入：

import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { RouterModule, Routes } from '@angular/router';
import { InsightsModule } from './path-to-insights/insights.module';

// 你的路由配置
const appRoutes: Routes = [
  { path: '', component: HomeComponent },
  // 其他路由...
];

@NgModule({
  imports: [
    BrowserModule,
    RouterModule.forRoot(appRoutes), // 必须先导入路由模块
    InsightsModule // 再导入依赖路由的Insights模块
  ],
  declarations: [AppComponent, HomeComponent],
  bootstrap: [AppComponent]
})
export class AppModule { }

2. 配置特性模块（InsightsModule） #

如果InsightsModule是一个独立的特性模块，需要在它内部导入RouterModule，让模块内的服务能访问到Router实例：

import { NgModule } from '@angular/core';
import { RouterModule } from '@angular/router';
import { AppInsightsService } from './app-insights.service';

@NgModule({
  imports: [RouterModule], // 导入RouterModule以提供Router服务
  providers: [AppInsightsService],
  // 其他声明/导出...
})
export class InsightsModule { }

3. 可选：处理服务的可选依赖（如果允许Router不存在） #

如果你的AppInsightsService在某些场景下可以不依赖Router，可以在服务的构造函数中用@Optional()装饰器标记Router参数，避免强制依赖：

import { Injectable, Optional } from '@angular/core';
import { Router } from '@angular/router';

@Injectable()
export class AppInsightsService {
  constructor(@Optional() private router: Router) {
    // 如果router为null，在这里做降级处理
  }
}

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

Angular的依赖注入系统会在创建AppInsightsService实例时，尝试解析它的所有依赖。Router服务是由RouterModule提供的，如果你的模块没有导入RouterModule，DI系统就找不到Router的提供者，从而抛出NullInjectorError。升级Angular 6后，路由模块的导入规则没有大变化，但可能是你在重构模块时不小心移除了RouterModule的导入，或者调整了导入顺序导致的。

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