安装@auth0/angular-jwt后Angular14项目出现多处引用错误

核心原因：版本不兼容 #

@auth0/angular-jwt的不同版本对Angular和TypeScript版本有严格要求，默认安装的最新版本（如v6+）仅支持Angular 15及以上，与Angular 14项目不兼容，进而引发引用错误。

解决方案步骤： #

• 卸载不兼容版本：

  npm uninstall @auth0/angular-jwt
  

• 安装Angular 14兼容的指定版本：
  Angular 14对应@auth0/angular-jwt的v5.x版本，执行：

  npm install @auth0/angular-jwt@^5.1.2
  

• 清理依赖并重新安装：
  删除现有依赖文件后重新安装，彻底规避缓存问题：

  # Windows系统
  rmdir /s /q node_modules && del package-lock.json
  # macOS/Linux系统
  rm -rf node_modules package-lock.json
  npm install
  

• 重启开发服务器：
  执行ng serve重启项目，确保新依赖正确加载生效。
• 验证导入路径：
  检查代码中的导入语句是否规范，示例：

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

额外检查： #

确认项目package.json中的typescript版本为4.6.x或4.7.x（Angular 14的兼容TS版本），若版本不符，可同步调整：

npm install typescript@^4.7.4

内容的提问来源于stack exchange，提问作者Anderson Constantino