调用OktaAuthService报cannot read properties of undefined (reading 'redirectUri')如何解决

• 核心原因是OktaAuthService实例化时未读取到合法的初始化配置，必填参数redirectUri对应的配置对象为undefined。常见触发场景如下：
  • 根模块未正确导入OktaAuthModule并传入完整的必填配置项（issuer、clientId、redirectUri等）
  • 在NgModule或组件的providers数组中手动声明了OktaAuthService，覆盖了Okta SDK自动生成的带配置的实例
  • 依赖注入层级错误，调用OktaAuthService的服务所在模块未引入配置完成的OktaAuthModule，导致注入了未初始化的实例

• 1. 检查根模块（通常为app.module.ts）的Okta配置，确保OktaAuthModule.forRoot()传入了所有必填参数，示例如下：

import { NgModule } from '@angular/core';
import { OktaAuthModule } from '@okta/okta-angular';

@NgModule({
  imports: [
    // 其他模块导入
    OktaAuthModule.forRoot({
      issuer: 'https://<你的Okta租户域名>/oauth2/default',
      clientId: '<你在Okta后台创建的应用Client ID>',
      redirectUri: window.location.origin + '/login/callback',
      scopes: ['openid', 'profile', 'email']
    })
  ],
  // 注意：providers中不要手动添加OktaAuthService
})
export class AppModule { }

注意redirectUri取值必须和Okta管理后台对应应用的登录重定向地址配置完全匹配

• 2. 清理所有NgModule、Component的providers数组，删除手动添加的OktaAuthService声明，该服务由OktaAuthModule全局自动提供，手动声明会生成无配置的空实例
• 3. 确保你编写的test服务的@Injectable装饰器配置为providedIn: 'root'，或者在已导入OktaAuthModule的模块中声明该服务，保证能注入到正确初始化的OktaAuthService实例
• 4. 额外检查：你粘贴的test服务代码末尾多了一个多余的闭合大括号，需要修正语法错误，避免编译异常导致注入失败

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