错误 NullInjectorError: R3InjectorError(AppModule)

当你在 Angular 项目中遇到错误 NullInjectorError: R3InjectorError(AppModule) 时，意味着注入器无法执行依赖注入。

这个错误通常在以下情况下出现：

• 当你忘记在模块或组件中导入服务提供者时。
• 当你忘记将服务注入到组件的构造函数中时。
• 当你正在尝试注入一个不存在的服务时。
• 当你正在依赖注入一个 Abstract 类型时。

以下是一些可能导致以上错误的代码示例：

import { Component } from '@angular/core';
import { MyService } from './my-service';

@Component({
  selector: 'my-app',
  template: `
    <h1>{{title}}</h1>
    <p>{{message}}</p>
  `,
})
export class AppComponent {
  constructor(private service: MyService) {}
}

在上面的示例中，我们应该检查是否正确导入了 MyService，并在 @NgModule 或用于组件的 providers 数组中提供服务。

如果你遇到此类错误并且无法解决，可以尝试执行以下步骤来解决问题：

1. 确认服务是否已正确导入和提供。
2. 检查服务的构造函数是否正确注入到组件中。
3. 如果服务是一个 abstract 类型，请确保已经正确提供了它的实现。

希望这篇文章能够帮助你定位和解决 NullInjectorError: R3InjectorError(AppModule) 错误。