Open Closed

TypeError: this.oAuthService is undefined after migration from ABP 5 to 7 #4593


User avatar
0
christophe.baille created
  • ABP Framework version: v7.0.1
  • UI type: Angualr
  • DB provider: EF Core
  • Tiered (MVC) or Identity Server Separated (Angular): yes

We migrate our solution from ABP 5 to ABP 7.

In some methods of our componentrs, we use this.oAuthService.getAccessToken() to get the token, but since the update, when I open the view we get this error on the console:

TypeError: this.oAuthService is undefined

I do not really understand why I get this error as the class works well on the component default-home.component.ts

I added some line in app.module.ts as explained here:

https://github.com/abpframework/abp/pull/15337/files#diff-e56244fece49a709a76bf89ab104f8ebea9da142d8952faa2e1e33edb4379c18

but it still doesn't work on my class


5 Answer(s)
  • User Avatar
    0
    muhammedaltug created

    Hello,

    Can you send code example?

  • User Avatar
    0
    christophe.baille created

    On default-home.compoments.ts, you implement it this way:

    import { OAuthService } from 'angular-oauth2-oidc';

    constructor( private oAuthService: OAuthService )

    this.oAuthService.revokeTokenAndLogout()

    In my service, it is the same way I did implement it:

    • Add the import line import { OAuthService } from 'angular-oauth2-oidc';
    • Add the service in constructor private oAuthService: OAuthService

    Then I tried to call it with:

    token = 'Bearer ' + this.oAuthService.getAccessToken();

    But in my browser console I have

    ERROR Error: Uncaught (in promise): TypeError: this.oAuthService is undefined

    And note that it was working fine in ABP 5

    Thanks

  • User Avatar
    0
    christophe.baille created

    I found the issue.

    Nothing related to ABP actually. The problem is because some changes happened when changing target 2015 to 2022 in home.component.ts

    Not sure if what I was doing before was a bad practice or not, but I changed where I call my services:

    And now all if working well.

    I close the ticket then

  • User Avatar
    0
    mahmut.gundogdu created

    You don't have to add headers manually. Did you add abp OAuth package ? https://www.npmjs.com/package/@abp/ng.oauth ? and inject the OAuthModule.ForRoot() httpClient add headers automatically (when the ng.oauth pack added)

  • User Avatar
    0
    christophe.baille created

    Sorry, the link of my first message was wrong...

    I did this yes:

    https://github.com/abpframework/abp/pull/15337/files#diff-e56244fece49a709a76bf89ab104f8ebea9da142d8952faa2e1e33edb4379c18

    I just removed headers as you said then and it works well, thanks

Made with ❤️ on ABP v8.2.0-preview Updated on March 25, 2024, 15:11