Azure AI Agents playground not loading

Question

I am currently using Azure AI foundry for my Agent development activities. Once I create an agent, when I am trying to open it in playground, I am getting a loader that is trying to get assets which is attempted for three time and getting an error page.

I checked the browser consolt to find that the below error.

manualChunk_react-dom-d6795b54.js:172 ChunkLoadError: {"attemptIndex":3,"totalAttempts":3,"message":"SyntaxError: Unexpected end of input"}

at p (manualChunk_vite-9909b138.js:159:1677)

at manualChunk_vite-9909b138.js:159:1871

at async manualChunk_common_core-533f7a9a.js:163:18907

Answer 1

Hi Arun Mohan Raj Balasekar

I'm glad that you were able to resolve your issue and thank you for posting your solution so that others experiencing the same thing can easily reference this! Since the Microsoft Q&A community has a policy that "The question author cannot accept their own answer. They can only accept answers by others ", I'll repost your solution in case you'd like to accept the answer.

Ask: Azure AI Agents playground not loading

Solution: The issue is resolved. The issue occurred because the requests are getting blocked by a policy update by the IT team. Once updated, that you are able to access the playground.

If I missed anything please let me know and I'd be happy to add it to my answer, or feel free to comment below with any additional information.

If you have any other questions, please let me know. Thank you again for your time and patience throughout this issue.

 

Please don’t forget to Accept Answer and Yes for "was this answer helpful" wherever the information provided helps you, this can be beneficial to other community members.

Thank You.

Answer 2

Sometimes, cached files can cause issues so try to clear your browser cache and try loading the playground again.

Open the browser's developer tools (usually F12 or right-click and select "Inspect") and go to the "Console" tab. Look for any additional error messages or warnings that might give more context about what is going wrong.

If you have access to the code or can add logging, you might want to add some error handling to catch and log more details about the error:

try {
  // Your code to load the agent or assets
} catch (error) {
  console.error('Error loading agent:', error);
  // Additional error handling or logging
}

You can consider reaching out to Azure Support for further assistance.