Angular 15安装@auth0/angular-jwt后模块无法使用的问题排查

• 核心问题：模块未实际安装成功
  从你提供的package.json依赖列表来看，@auth0/angular-jwt确实不在其中，说明安装命令要么未执行，要么执行过程中出错。即便你认为已经安装，实际并未完成完整安装流程，导致node_modules中也没有该模块，自然无法正常导入。

• 步骤1：安装适配Angular 15的库版本
  @auth0/angular-jwt的版本与Angular版本强绑定：

  • Angular 15对应库的v5.x版本
  • v6+版本仅支持Angular 16及以上

  执行以下命令安装正确版本：

  # 先卸载可能存在的残留（若之前安装失败）
  npm uninstall @auth0/angular-jwt
  # 安装适配Angular 15的版本
  npm install @auth0/angular-jwt@5
  

  安装完成后，检查package.json的dependencies中是否出现@auth0/angular-jwt条目，同时确认node_modules文件夹下存在该模块。

• 步骤2：验证AppModule中的导入与配置
  安装完成后，你的AppModule代码基本无误，但需注意两个细节：

  1. 确保tokenGetter函数返回值正确，确认localStorage.getItem("jwt")对应你实际存储token的键名
  2. whitelistedDomains格式正确：当前配置["localhost:5001"]符合要求，后续域名变更时注意不要携带http/https前缀

  若安装完成后仍存在导入错误，尝试重启Angular开发服务器：

  ng serve --open
  

• 额外排查方向

  • 若使用yarn而非npm，需对应执行yarn add @auth0/angular-jwt@5
  • 若npm安装过程中有报错，尝试清理npm缓存后重新安装：npm cache clean --force

内容的提问来源于stack exchange，提问作者R. Nourmandi