SPFx web part does not show/load in SharePoint online “_layouts/15/workbench.aspx” page in the internet explorer browser

Question

I have developed a SPFx web part for SharePoint online, while running the gulp serve command, this is loading in the local workbench (http://localhost:4321/temp/workbench.html), as we can see in the below screen shot:

This is also loading fine both in Mozilla and Chrome browser inside the SharePoint online on _layouts/15/workbench.aspx page.

https://globalsharepoint2019.sharepoint.com/sites/SharePointRND/_layouts/15/workbench.aspx

From Mozilla:

From Chrome:

But the same webparts does not display in the internet explorer browser:

As we can see if I search with pnp it says "We couldn't find anything that matches your search."

Any technical reason or limitation why the SPFx framework web-part does not show/load in the internet explorer browser from the SharePoint online (_layouts/15/workbench.aspx) where as it shows or loads in chrome and Mozilla browser?

Answer 1

Open the solution in Visual Studio Code, open launch.json file in ".vscode", modify the url for "Hosted workbench", then debug the code and check if the web part can show in IE browser.

If still not showing in IE, reopen the IE and try to run "gulp serve" again.