Forum Discussion
Issue with Red Error Pop-up in Microsoft Teams Tab Application
Nivedipa-MSFT, Sure. I've attached the app package (appPackage.local.zip) below.
- Nivedipa-MSFTOct 22, 2024
Microsoft
Mansi_Barot - We have tested this and able to repro your issue.
We have raised the bug for the same. We will let you know once we get any updates on it.
- Mansi_BarotOct 22, 2024Copper Contributor
Nivedipa-MSFT,
I've been encountering the AppInitTimeout error each time I see this error pop-up. Below are the console logs that may help identify the issue. Despite adding a local page from within the application, I still encounter the AppInitTimeout error.This is a simple tab application created using Visual Studio. I created a Razor page called test:
@page "/test" <h3>Hiiiiiiiiiiiiiiii</h3> @code { }
I then updated the manifest to point both the contentUrl and websiteUrl to the test page as follows:
"staticTabs": [ { "entityId": "index", "name": "Home", "contentUrl": "${{TAB_ENDPOINT}}/test", "websiteUrl": "${{TAB_ENDPOINT}}/test", "scopes": [ "personal", "groupChat", "team" ] } ],
However, I still keep getting the error pop-up.
- Nivedipa-MSFTOct 23, 2024
Microsoft
Engineering team has confirmed that now it is mandatory to initialise SDK for static tabs as well. Within your content page, add a reference to Microsoft Teams JavaScript client library using script tags. After your page loads, make a call to app.initialize(), or else your page isn't displayed. we display a banner instead of hiding the app because we didn't want to prevent customers from using these apps.
But to remove the banner, the developer needs to ensure that the pages they are loading initialize teams-js as documented here:
https://learn.microsoft.com/en-us/microsoftteams/platform/tabs/how-to/tab-requirements
Thanks,
Nivedipa
------------------------------------------------------------------------------------------
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via Microsoft Teams Developer Feedback link. Click here to escalate.