The issue is that when I "run npm authenticate" the chrome browser opens with one of these 3 outcomes:

1. 502 Bad Gateway
   1. This happens the most often.
   2. VSCode terminal will continue to await for a response.
2. Shows the Pega Login Page. Once Logging in it then shows 502 Bad Gateway.
   1. Happened rarely.
   2. VSCode terminal will continue to await for a response.
3. Correct Pega Login and then correct redirection to localhost url to show that it has authenticated correctly.

----

I have created custom components and have properly set up my tasks.config.json file with all the server details needed.

I have also ensured that the O-Auth2.0 client Id, (DX-Component Dev) and access configurations are correct as well.

My operator does have rule check out enabled.

I have also constantly deleted cookies, login history, etc... but none of these solved the issue.