Microsoft-Teams: Unable to test personal tab because of “There was a problem reaching this app” error

Question

1. I have created an app using manifest editor where I have generated the ID and I have configured the personal tab to open a public website "https://www.ibm.com/in-en"
2. I have downloaded the zip of the app
3. I have uploaded the app to teams and the app is shown in teams
4. When I click on the app and then click open to load the personal tab, I get the issue as mentioned in the image:

Answer 1

Could you please check if you have the "showloadingindicator" field set to true in your manifest? Could you please try removing it and uploading the app manifest?

Answer 2

I had the same issue, and removing the "showLoadingIndicator" fixed it, but while it sorted out the immediate problem, it didn't help understand why it was incorrect.

tl;dr: you need to call microsoftTeams.appInitialization.notifySuccess() inside your tab, but if you want more info, see my question/answer over here: Personal Tab Renders Fine, then a few seconds later shows "There was a problem reaching this app"

This wouldn't apply in your case as you're pointing to a public website, but if it was a custom tab, then the fix would help and also allow the "loading" indicator to be used.