title: No provider for OktaAuth but OktaAuth define?
body: <p>Regards to th Okta Documentation : <a href="https://developer.okta.com/docs/guides/sign-into-spa/angular/main/#configure-the-sdk" rel="nofollow noreferrer">https://developer.okta.com/docs/guides/sign-into-spa/angular/main/#configure-the-sdk</a>, I've configured my application to authentificate with Google.</p>
  <p>So, I have implement OktaAuthModule but I always have this error :</p>
  <pre><code>core.js:6498 ERROR Error: Uncaught (in promise): NullInjectorError: R3InjectorError(AppModule)[OktaAuth -&gt; OktaAuth -&gt; OktaAuth]: 
    NullInjectorError: No provider for OktaAuth!
  NullInjectorError: R3InjectorError(AppModule)[OktaAuth -&gt; OktaAuth -&gt; OktaAuth]: 
    NullInjectorError: No provider for OktaAuth!
      at NullInjector.get (core.js:11120)
      at R3Injector.get (core.js:11287)
      at R3Injector.get (core.js:11287)
      at R3Injector.get (core.js:11287)
      at NgModuleRef$1.get (core.js:25352)
      at Object.get (core.js:25066)
      at lookupTokenUsingModuleInjector (core.js:3354)
      at getOrCreateInjectable (core.js:3466)
      at Module.ɵɵdirectiveInject (core.js:14756)
      at NodeInjectorFactory.LoginComponent_Factory [as factory] (login.component.ts:10)
      at resolvePromise (zone.js:1213)
      at resolvePromise (zone.js:1167)
      at zone.js:1279
      at ZoneDelegate.invokeTask (zone.js:406)
      at Object.onInvokeTask (core.js:28679)
      at ZoneDelegate.invokeTask (zone.js:405)
      at Zone.runTask (zone.js:178)
      at drainMicroTaskQueue (zone.js:582)
  </code></pre>
  <p>Here are the different codes that have been implemented :</p>
  <p><strong>app.module.ts</strong></p>
  <pre><code>import { NgModule } from '@angular/core';
  import { BrowserModule } from '@angular/platform-browser';
  import { AppComponent } from './app.component';
  import { AppRoutingModule } from './app-routing.module';
  import { BrowserAnimationsModule } from '@angular/platform-browser/animations';
  import {LoginModule} from &quot;./login/login.module&quot;;
  
  @NgModule({
    declarations: [
      AppComponent,
    ],
    imports: [
      BrowserModule,
      AppRoutingModule,
      LoginModule
    ],
    exports: [BrowserAnimationsModule],
    providers: [],
    bootstrap: [AppComponent]
  })
  export class AppModule { }
  </code></pre>
  <p><strong>login.module.ts</strong></p>
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import {
    OKTA_CONFIG,
    OktaAuthModule,
  } from '@okta/okta-angular';
  
  import { OktaAuth } from '@okta/okta-auth-js';
  import {LoginComponent} from &quot;./login.component&quot;;
  
  const OKTA_DOMAIN = '&lt;my Okta Domain&gt;';
  const CLIENT_ID = '&lt;MY ID&gt;'
  const CALLBACK_PATH = '/login/callback';
  
  const ISSUER = `https://${OKTA_DOMAIN}/oauth2/default`;
  const HOST = window.location.host;
  const REDIRECT_URI = `http://${HOST}${CALLBACK_PATH}`;
  const SCOPES = 'openid profile email';
  
  const config = {
    issuer: ISSUER,
    clientId: CLIENT_ID,
    redirectUri: REDIRECT_URI,
    scopes: SCOPES.split(/\s+/)
  };
  
  const oktaAuth = new OktaAuth(config);
  
  @NgModule({
    declarations: [LoginComponent],
    imports: [
      CommonModule,
      OktaAuthModule
    ],
    providers: [
      { provide: OKTA_CONFIG, useValue: { oktaAuth } },
    ],
  })
  export class LoginModule { }
  </code></pre>
  <p><strong>login.component.ts</strong></p>
  <pre><code>import { Component } from '@angular/core';
  import {OktaAuthStateService} from &quot;@okta/okta-angular&quot;;
  import {OktaAuth} from &quot;@okta/okta-auth-js&quot;;
  
  @Component({
    selector: 'app-login',
    templateUrl: './login.component.html',
    styleUrls: ['./login.component.css']
  })
  export class LoginComponent  {
  
    constructor(public authStateService: OktaAuthStateService, public oktaAuth: OktaAuth) { }
  
    async login() {
      await this.oktaAuth.signInWithRedirect({
        originalUri: '/configured-redirect-path'
      });
    }
  
  }
  </code></pre>
  <p><strong>login.component.html</strong></p>
  <pre><code>&lt;button *ngIf=&quot;!(authStateService.authState$ | async)?.isAuthenticated&quot; (click)=&quot;login()&quot;&gt;
    Login
  &lt;/button&gt;
  </code></pre>
  <p>Do you know what is wrong with this code for use OktaAuth ?</p>
  <p><strong>UPDATE 1</strong></p>
  <p>I have update exports in login Module</p>
  <pre><code>import { NgModule } from '@angular/core';
  import { CommonModule } from '@angular/common';
  import {
    OKTA_CONFIG,
    OktaAuthModule,
  } from '@okta/okta-angular';
  
  import { OktaAuth } from '@okta/okta-auth-js';
  import {LoginComponent} from &quot;./login.component&quot;;
  
  const OKTA_DOMAIN = '...';
  const CLIENT_ID = '...';
  const CALLBACK_PATH = '/login/callback';
  
  const ISSUER = `https://${OKTA_DOMAIN}/oauth2/default`;
  const HOST = window.location.host;
  const REDIRECT_URI = `http://${HOST}${CALLBACK_PATH}`;
  const SCOPES = 'openid profile email';
  
  const config = {
    issuer: ISSUER,
    clientId: CLIENT_ID,
    redirectUri: REDIRECT_URI,
    scopes: SCOPES.split(/\s+/)
  };
  
  const oktaAuth = new OktaAuth(config);
  
  @NgModule({
    declarations: [LoginComponent],
    imports: [
      CommonModule,
      OktaAuthModule
    ],
    exports: [
      CommonModule,
      OktaAuthModule
    ],
    providers: [
      { provide: OKTA_CONFIG, useValue: { oktaAuth } },
    ],
  })
  export class LoginModule { }
  </code></pre>
  <p>But no change</p>