Signup and Login are successful but receive unauthorized

[minicatsCB]

Hello, I am following the Angular By Authentication Example. Just downloaded the repo and checkout the basic-authentication branch. Also, I set the .env file with the properties described in the guide.

I start the app in local. Both signup and login work because I can see the new users in my OAuth account under https://manage.auth0.com/dashboard/eu/<domain>/users. However, when the app returns to http://localhost:4040/callback the app UI shows "Error Unauthorized". And I can see in the DevTools that the POST request to https://<domain>/oauth/token returned a 401. The payload seems OK but the response says
{"error":"access_denied","error_description":"Unauthorized"}`. See image:

The logs under https://manage.auth0.com/dashboard/eu/<domain>/logs show the successful login but immediately a Failed Exchange error:

The result is that I can't use the sample app at all.

[mregger]

I've been dealing with the same issue both using this codebase and my own project. Did you get any luck solving it?

Edit: It seems like changing your application from a Single Page Application to a Regular Web Application does the trick. Not sure why

[minicatsCB]

Hi! I could solve it by double checking the Application URIs under Applications > Applications section in Auth0 Dashboard. It worked with SPA mode selected. My config was the below (you choose the port number):

Application Login URI -> empty
Allowed Callback URLs -> http://localhost:4040/callback
Allowed Logout URLs -> http://localhost:4040
Allowed Web Origins -> http://localhost:4040

Let me know if you still have the same problem.
(sorry for the late reply)