Angular 10 -什么是错误: R3InjectorError(AppModule)[Window -> Window -> Window]

在Angular 10中，R3InjectorError(AppModule)[Window -> Window -> Window] 错误通常表示在依赖注入系统中存在问题，具体来说，是因为Angular尝试多次解析Window服务，但没有找到一个单一的提供者。

基础概念

依赖注入（DI） 是Angular框架的核心特性之一，它允许开发者以一种声明式的方式管理组件和服务之间的依赖关系。当Angular应用启动时，它会创建一个注入器树，每个组件都有自己的注入器，这些注入器负责解析组件所需的依赖。

R3InjectorError 是Angular编译器生成的一种错误类型，通常发生在运行时，当注入器无法解析某个依赖时抛出。

错误原因

这个错误通常是由于以下几种情况造成的：

1. 多个提供者：如果你在模块或组件中多次提供了同一个服务，Angular的注入器会不知道应该使用哪一个，从而导致这个错误。
2. 非单例服务：如果你希望某个服务在整个应用中是单例的，但是不小心在多个地方提供了该服务的实例，也会导致这个问题。
3. 平台服务：Window是一个平台服务，通常不需要手动提供，因为它是由Angular自动注入的。如果你尝试手动提供Window服务，可能会导致这个错误。

解决方法

1. 检查提供者：确保你的模块或组件中没有多次提供同一个服务。你可以在providers数组中查找重复的服务。
2. 检查提供者：确保你的模块或组件中没有多次提供同一个服务。你可以在providers数组中查找重复的服务。
3. 使用providedIn: 'root'：如果你正在创建一个服务，并且希望它是全局单例的，可以在服务的@Injectable装饰器中使用providedIn: 'root'选项。
4. 使用providedIn: 'root'：如果你正在创建一个服务，并且希望它是全局单例的，可以在服务的@Injectable装饰器中使用providedIn: 'root'选项。
5. 避免手动提供平台服务：对于像Window这样的平台服务，通常不需要手动提供。如果你确实需要注入Window对象，可以直接在构造函数中注入。
6. 避免手动提供平台服务：对于像Window这样的平台服务，通常不需要手动提供。如果你确实需要注入Window对象，可以直接在构造函数中注入。

应用场景

这个错误通常出现在尝试构建大型Angular应用时，特别是在团队协作中，不同的开发者可能会在不同的模块中重复提供服务。了解依赖注入的工作原理和正确使用服务提供者是避免这类问题的关键。

通过上述方法，你应该能够解决R3InjectorError(AppModule)[Window -> Window -> Window]错误，并确保你的Angular应用能够正确地管理依赖关系。