升级到 Angular 12 - NullInjectorError：没有 InjectionToken 的提供者

Question

原始实现基于

中描述的模式

https://shashankvivek-7.medium.com/forroot-injectiontoken-in-action-angular-c2bab9959207

它一直在工作，直到我将它升级到 angular 12。升级后，我不断收到 NullInjector 错误。无论如何无法解决它，我最终为 Angular 11 和 12 创建了两个普通的简单项目。此外，我将令牌提供程序从项目模块移到了应用模块。

Angular 12 示例 https://drive.google.com/file/d/1lE8RL6s8L9n6zQYqVOaLqMW9ikMfMgSu/view?usp=sharing

Angular 11 示例 https://drive.google.com/file/d/1HxhCz3i5nmrK8Zj0eddTlk8zz-29lwlh/view?usp=sharing

angular 11 版本可以工作（甚至是 prod 模式），但另一个版本遇到了同样的错误。

这是调试器内部的样子

看起来像这条线

let record = this.records.get(token);

在 R3Injector.get 中总是无法通过令牌找到记录，即使该记录存在于记录列表中，如图像中所示（索引 58）。正因为如此，索引 78 处的重复记录被添加。密钥和令牌参数似乎相同。

我无法找到任何有关它的确切信息，或修复它的方法。

Answer 1

艰难地了解了如下错误导入的危险（由 VS Code 等 IDE 自动插入）

import { Xyz } from 'projects/shared/src/public-api';

一个这样的错误导入对象导致在生成的 main.js 中双重定义 SharedConfigToken。这意味着注入器永远不会找到该记录，因为它是用一个 SharedConfigToken 插入的，但后来由于双重导入而被覆盖。由于 Map 键比较是 SameValueZero，它永远无法查找令牌，因此会出现错误。

这浪费了我生命中的很多时间。我希望这个发现对某人有所帮助。