AzTS-UI does not load: undefined 'azureADAuthURL'

[MSFT-Chirag]

AzTS-UI Issue

Issue

The AzTS-UI fails to load. On opening the Developer Tools (Ctrl + Shift + I) the Console gives the following error:

Uncaught TypeError: Cannot read properties of undefined (reading 'azureADAuthURL')

Validation

The issue can be validated by visiting the App Service Editor of the App Service associated with the AzTS-UI. This can be accessed using the link: https://azsk-azts-ui-xxxxx.scm.azurewebsites.net/dev (replace xxxxx with the actual code), provided you have the access.
In the WWWROOT folder, confirm that the file: runtime-configuration-initial.js is not present.

Remediation

The issue is caused due to a missing file runtime-configuration-initial.js in the app service:

1. Go to the App Service Editor, and create a New File named runtime-configuration-initial.js.

2. Add the following content and save the file:

   window.__UI_CONFIGURATION_INITIAL__ = {
       "tenantId": "<uuid-of-the-tenant-hosting-the-solution, Example: 12345678-1234-1234-1234-1234567890ab>",
       "webAPI": "<URL of the API, Example: https://<web-api-name>.azurewebsites.net>",
       "clientId": "<uuid-of-web-ui, Example: 12345678-1234-1234-1234-1234567890ab>",
       "apiClientId": "<uuid-of-web-api, Example: 12345678-1234-1234-1234-1234567890ab>",
       "azureADAuthURL": "<active-directory-authentication-url, Example: https://login.microsoftonline.com>"
   };
   
   window.__UI_CONFIGURATION_EXTENDED__ = {};
   

3. Reload the url of the AzTS-UI in the browser. The issue should now be resolved.

If the issue still persists, please reach out to aztssup@microsoft.com with the details/screenshot of the error.