NullInjectorError：没有 JwtHelperService 的提供者

使用Angular框架开发Web应用程序时，我们经常会遇到各种错误和异常。其中之一是`NullInjectorError: 没有 JwtHelperService 的提供者`。本文将介绍这个错误的原因以及如何解决它。

typescript
import { JwtHelperService } from '@auth0/angular-jwt';
@NgModule({
  // ...
  providers: [JwtHelperService],
  // ...
})
export class AppModule { }

typescript
import { JwtHelperService } from '@auth0/angular-jwt';

typescript
// app.module.ts
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { JwtHelperService } from '@auth0/angular-jwt';
import { AppComponent } from './app.component';
@NgModule({
  declarations: [
    AppComponent
  ],
  imports: [
    BrowserModule
  ],
  providers: [JwtHelperService],
  bootstrap: [AppComponent]
})
export class AppModule { }

typescript
// app.component.ts
import { Component } from '@angular/core';
import { JwtHelperService } from '@auth0/angular-jwt';
@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  constructor(private jwtHelper: JwtHelperService) {
    // 使用JwtHelperService进行操作
  }
}