Azure App Service
Azure App Service is a service used to create and deploy scalable, mission-critical web apps.
The renderComponentIntoRoot component encountered an error while loading.
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(108.80000000000001, 49%, 20%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EFH%3C/text%3E%3C/svg%3E)
F H
20
Reputation points
My web apps does not work if i open it receive error: The renderComponentIntoRoot component encountered an error while loading.
Azure App Service
{count} votes
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(224.00000000000003, 15%, 31%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EBN%3C/text%3E%3C/svg%3E)
Bhargavi Naragani 7,445 Reputation points Microsoft External Staff Moderator2025-03-18T18:08:27.99+00:00 Hi @F H,
The "The renderComponentIntoRoot component encountered an error while loading." error message in general usually shows in the Azure portal when something has gone wrong to render your web application UI. This may be triggered by Azure Portal UI Issue, Browser Cache Problem, Web App Issues, or Network Blocks/Extensions.
Try refreshing the "Refresh" button on the error page. If it doesn't work, clear browser cache and cookies, use Incognito mode or another browser.
As we can see from the second screenshot, you tried restarting the app but it didn't work for one of them. Go to Azure Portal > App Services. Choose your web app (
dev-easyplug-operator-api). Click Restart and verify if the issue is fixed.In Azure Portal, go to Resource Health under your Web App. Check for any current issues or outages and also go to Deployment Center in your App Service. Check whether the last deployment was successful. If there's a failed one, redeploy the application.
In Azure Portal => Web App, go to Diagnose and Solve Problems. Check for any issues found and apply the suggested fixes. Disable any browser extensions that could interfere. If using a VPN or firewall, try turning it off temporarily.
Kindly refer to the below links:
https://azure.github.io/AppService/2021/09/16/App-Service-Restarts.html?
https://learn.microsoft.com/en-us/azure/app-service/troubleshoot-diagnostic-logs
https://learn.microsoft.com/en-us/troubleshoot/azure/Let me know if you have any further Queries.
-
Bhargavi Naragani 7,445 Reputation points Microsoft External Staff Moderator
2025-03-19T15:50:36.67+00:00 Hi @F H,
Just checking in to see if above information was helpful. If you have any further updates on this issue, please feel free to post back. -
Bhargavi Naragani 7,445 Reputation points Microsoft External Staff Moderator
2025-03-20T17:11:21.2266667+00:00 Hi @F H,
Following up to see if the above answer was helpful. If this answers your query, do clickAccept AnswerandYes, if you have any further query do let us know. -
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(246.4, 96%, 33%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EA%3C/text%3E%3C/svg%3E)
Andre 15 Reputation points2025-04-08T12:45:22.09+00:00 I have the same issue and the above did not solve it for me.
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(92.8, 84%, 18%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJS%3C/text%3E%3C/svg%3E)
Justin Smith 15 Reputation points2025-04-12T05:09:15.86+00:00 I have the same issue, none on it worked. It's ridiculous that a bug in the azure portal UI that stops people doing their work needs a support account to report the bug. It isn't my bug, it's a bug in the azure portal
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(211.20000000000002, 89%, 30%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EEM%3C/text%3E%3C/svg%3E)
EJ Marmonti 161 Reputation points2025-05-16T12:39:14.0133333+00:00 I've been experiencing this issue since around Thursday, May 8th (possibly May 9th). So far, it appears to affect only App Services for me — including Web Apps, Function Apps, and other types.
Whenever an App Service has VNet integration configured, attempting to view the VNet integration details results in the same error message every time. This occurs across multiple regions and different subscriptions. I've also tested this in multiple browsers, including incognito/private mode, with the same outcome, so it's not related to browser cache.
This issue is currently delaying project delivery, as it's preventing us from verifying or updating network configurations for affected services.
-
![](data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' height='64' class='font-weight-bold' style='font: 600 30.11764705882353px "SegoeUI", Arial' width='64'%3E%3Ccircle fill='hsl(80, 11%, 17%)' cx='32' cy='32' r='32' /%3E%3Ctext x='50%25' y='55%25' dominant-baseline='middle' text-anchor='middle' fill='%23FFF' %3EJD%3C/text%3E%3C/svg%3E)
Jakob Dahl (JDAH) | VIA 0 Reputation points2025-08-11T09:27:45.47+00:00 This issue does not only occur in Web Apps, it also occur in Intune on several blades
Sign in to comment
Sign in to answer