Angular SSO not hitting the Login page when clicked

Currently trying to get my Angular app to SSO login with the Duende Identity server that I created. I’m able to hit everything in postman and login and get a token. Now I am trying to get the same results with the Angular app but when I click the login button I get the following error. I’m using the angular-oauth2-oidc package to make this simpler. I have posted the code that I have and cant seem to see why I can hit the login screen of the Identity server.

the correct link is /Account/Login but It never makes it there.

makes it here when I get the error:

http://localhost:5000/home/error?errorId=CfDJ8OrrbCpIWPdCjNyK...

Error
Sorry, there was an error : invalid_request
Request Id: 0HN3B2BKF8VK6:00000001

sso.config.ts

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

  export const authCodeFlowConfig: AuthConfig = {      
  issuer: 'http://localhost:5000',
  clientId: 'nextApp',
  responseType: 'code',
  redirectUri: window.location.origin,
  // dummyClientSecret: 'secret',
  scope: 'openid profile auctionApp',
  strictDiscoveryDocumentValidation: false, 
  skipIssuerCheck: true,
  showDebugInformation: true,
};

HeaderComponent.ts

export class HeaderComponent implements OnInit{


constructor(private router: Router,private oauthService: OAuthService) 
{ 
  this.configureSingleSignOn(); 
}

configureSingleSignOn()
{
  this.oauthService.configure(authCodeFlowConfig);
  this.oauthService.loadDiscoveryDocumentAndTryLogin();     
} 

login() {
  this.oauthService.initImplicitFlow();          
}

HeaderComponent.html

 <li class="nav-item">
    <button class="nav-link" (click)="login()">LogIn</button>
 </li>