Azure AD B2C: Tutorial for Customize UI causes a script error

Question

Azure AD B2C: Tutorial for Customize UI causes a script error

Carol Lai 531

@AmanpreetSingh-MSFT
When I tested the user flow,
https://learn.microsoft.com/en-us/azure/active-directory-b2c/tutorial-customize-ui#test-the-user-flow

I get the following error message from https://jwt.ms and signin page didn't even show up.

https://jwt.ms/?error=server_error&error_description=AADB2C90047%3a+The+resource+%27https%3a%2f%2fb2ctemp.blob.core.windows.net%2fb2c%2fcustom-ui.html%27+contains+script+errors+preventing+it+from+being+loaded.%0d%0aCorrelation+ID%3a+5e48c1bc-d1a1-4026-ad5f-78c262134ec2%0d%0aTimestamp%3a+2021-01-13+16%3a27%3a23Z%0d%0a

James Hamil 27,221 Reputation points Microsoft Employee Moderator

2021-01-19T20:51:26.97+00:00

Hi, can you please post a screenshot of the error? It's not showing up here.

Thanks,
James
Carol Lai 531 Reputation points

2021-01-20T14:54:06.627+00:00

The error is in the URL. Nothing was loaded because in the URL it says, it contains the script errors preventing it from being loaded.
AmanpreetSingh-MSFT 56,871 Reputation points Moderator

2021-01-21T07:17:45.42+00:00

@Carol Lai · Could you please try using this URL: https://moviesdiag132.blob.core.windows.net/b2c/unified2.html as Custom page URI under Page layouts section of your User Flow and let me know if it works or you still get the same error.
Carol Lai 531 Reputation points

2021-01-21T15:17:22.46+00:00

I modified the uri as the following

The sign-in sign-up page didn't load and I'm still getting the same script error.
https://jwt.ms/?error=server_error&error_description=AADB2C90047%3a+The+resource+%27https%3a%2f%2fmoviesdiag132.blob.core.windows.net%2fb2c%2funified2.html%27+contains+script+errors+preventing+it+from+being+loaded.%0d%0aCorrelation+ID%3a+8f2108f5-de7f-4041-9bcc-7d20ccb2a0ca%0d%0aTimestamp%3a+2021-01-21+14%3a58%3a37Z%0d%0a

Here is the jwt.ms screenshot.
AmanpreetSingh-MSFT 56,871 Reputation points Moderator

2021-01-21T15:52:50.54+00:00

Hi @Carol Lai · Thank you for sharing the information. I think I have identified the issue and have made some changes at my end. Could you please try once again with the same Page URL that I shared in my previous comment. If it works, I will post the solution in the answer.
Carol Lai 531 Reputation points

2021-01-21T17:25:11.817+00:00

Hi, @AmanpreetSingh-MSFT
It's working on my end.

Accepted answer

2 additional answers

Your answer

James Hamil 27,221 Reputation points Microsoft Employee Moderator

2021-01-19T20:51:26.97+00:00

Hi, can you please post a screenshot of the error? It's not showing up here.

Thanks,
James
Carol Lai 531 Reputation points

2021-01-20T14:54:06.627+00:00

The error is in the URL. Nothing was loaded because in the URL it says, it contains the script errors preventing it from being loaded.
AmanpreetSingh-MSFT 56,871 Reputation points Moderator

2021-01-21T07:17:45.42+00:00

@Carol Lai · Could you please try using this URL: https://moviesdiag132.blob.core.windows.net/b2c/unified2.html as Custom page URI under Page layouts section of your User Flow and let me know if it works or you still get the same error.
Carol Lai 531 Reputation points

2021-01-21T15:17:22.46+00:00

I modified the uri as the following

The sign-in sign-up page didn't load and I'm still getting the same script error.
https://jwt.ms/?error=server_error&error_description=AADB2C90047%3a+The+resource+%27https%3a%2f%2fmoviesdiag132.blob.core.windows.net%2fb2c%2funified2.html%27+contains+script+errors+preventing+it+from+being+loaded.%0d%0aCorrelation+ID%3a+8f2108f5-de7f-4041-9bcc-7d20ccb2a0ca%0d%0aTimestamp%3a+2021-01-21+14%3a58%3a37Z%0d%0a

Here is the jwt.ms screenshot.
AmanpreetSingh-MSFT 56,871 Reputation points Moderator

2021-01-21T15:52:50.54+00:00

Hi @Carol Lai · Thank you for sharing the information. I think I have identified the issue and have made some changes at my end. Could you please try once again with the same Page URL that I shared in my previous comment. If it works, I will post the solution in the answer.
Carol Lai 531 Reputation points

2021-01-21T17:25:11.817+00:00

Hi, @AmanpreetSingh-MSFT
It's working on my end.

Answer 1

AmanpreetSingh-MSFT 56,871 Moderator

Hi @Carol Lai · Thank you for the confirmation.

To resolve the issue, you need to navigate to your Storage Account (where the HTML and CSS files are hosted) and configure CORS settings as highlighted below:

-----------------------------------------------------------------------------------------------------------

Please "Accept the answer" if the information helped you. This will help us and others in the community as well.

Carol Lai 531 Reputation points

2021-01-21T21:22:20.237+00:00

I had that setting in my CORS as ExxxCxxB2C.b2clogin.com because that's how it was shown in the user flow.

It turns out that the whole domain name has to be in lowercase letters. It's working now after I change the domain to all lowercase letters.
Kuragayala, Gnanasekhar 6 Reputation points

2021-06-04T14:03:46.367+00:00

It's working now after I change the domain to all lowercase letters. Thanks @Carol Lai
Guy Elsmore-Paddock 6 Reputation points

2021-07-14T00:25:05.207+00:00
Also, make sure that there is no trailing slash on the domain. For example, this should work:

https://testmyapp.b2clogin.com

But this won't:

https://testmyapp.b2clogin.com/
Chris Regula 11 Reputation points

2021-10-01T19:59:43.72+00:00

This should be added to the documentation! Thanks spent a good while chasing this one down today
Akshat Soni 1 Reputation point

2023-01-30T19:23:11.8466667+00:00

@AmanpreetSingh-MSFT

Last Aug we migrated from login.microsoftonline.com to use b2clogin.com
but our storage account still allows only login.microsoftonline.com but our portals are still working fine.

Since this URL is retired, how come it mat be working for us ? or will it get retire technically in future ?
Martin Meeser 1 Reputation point

2023-07-15T21:49:19.4766667+00:00

Working now, tnx a lot!

Answer 2

Arivazhagan N 1

@AmanpreetSingh-MSFT Thanks it worked for me....

Answer 3

Aylmer Carson 0

thanks @carole lai this worked, but the question was asked in Jan 2021 and in Sept 2023 there is still no mention of this in the documentation?

Share via

Azure AD B2C: Tutorial for Customize UI causes a script error

2 additional answers

Your answer