NullInjectorError：R3InjectorError（AppModule）[路由器 - >路由器 - >路由器]：NullInjectorError：没有路由器的提供者

我有一个已发布的库，其中包含一个在其模板中使用 [routerLink] 的组件。在我的应用程序中安装库后，出现错误NullInjectorError：R3InjectorError（AppModule）[路由器->路由器->路由器]： NullInjectorError：没有路由器提供者！

在库的模块中，RouterModule 被导入，如下所示：

@NgModule({
  declarations: [
    Component
  ],
  exports: [
    Component
  ],
  imports: [
    CommonModule,
    RouterModule,
    TranslateModule
  ]
})
export class LibWithComponentModule {
}

在我的应用程序中，RouterModule 配置如下：

const routes: Routes = [{
  path: '',
  component: RootComponent
}];

@NgModule({
  imports: [RouterModule.forRoot(routes)],
  exports: [RouterModule]
})
export class AppRoutingModule { }

The app.module.ts看起来像这样：

  declarations: [
    AppComponent,
    RootComponent
  ],
  imports: [
    BrowserModule,
    AppRoutingModule,
    LibWithComponentModule
  ],
  providers: [],
  bootstrap: [AppComponent]
})
export class AppModule { }

但我想会提供 RouterModule 吗？我究竟做错了什么？

我在我正在开发的一个大型应用程序中遇到了与您描述的完全相同的场景。我的主应用程序导入一个已发布的 npm 组件包，其中包含一个利用routerLink指示。运行应用程序时，我遇到了同样的情况R3InjectorError你提到，尽管RouterModule肯定会正确导入到所有需要它的模块中。

在我的例子中，问题的根本原因是这个 npm 包明确列出了@angular/router作为其中之一dependencies代替peerDependency（对于图书馆来说应该是这样）。这意味着@angular/router将同时安装在您的node_modules，以及在node_modules/LIBRARY/node_modules!

发生的情况是，在运行时，RouterModule您发布的组件使用了不同的InjectionToken比RouterModule您的应用程序使用提供RouterModule.forRoot()。发布的组件的RouterModule指的是node_modules/LIBRARY_NAME/node_modules/@angular/router，而主应用程序已经提供了node_modules/@angular/router.

所以结论是：修复方法是不明确地有任何@angular在您的库中列出的软件包作为dependency，但正确地将它们标记为peerDependency。这是有趣的读物管理依赖关系ng-packagr文档。

供参考：我不确定这是否完全与 Ivy 相关，但在我的场景中，我运行的是启用了 Ivy 的 Angular 11。

在这种情况下，错误消息肯定非常令人困惑，因为注入的服务被命名为Router两次，即使它们引用不同的实例。

希望这也能解决您的问题，我花了很长时间来解决这个问题！