Issue with Red Error Pop-up in Microsoft Teams Tab Application

Question

Hello,I developed a Microsoft Teams tab application where I add a page in a static tab (using the contentURL). While the page loads successfully, a red error pop-up consistently appears after 30-45 seconds.This happens with both static and configurable tabs. In configurable tabs, even after saving and loading the page, the pop-up still appears. It has no error message and can be dismissed by clicking the 'X' but reappears within 30-45 seconds after switching between apps or chats. Please see the attached screenshot for reference.&nbsp;&nbsp;I have tested this across local, development, and production environments, and it persists with all non-local URLs (i.e., pages outside my tab). The behavior is the same on both desktop and browser versions of Teams. Initially, I suspected Razor code might be the issue, but the problem persists even with a hardcoded URL.The app package was successfully validated using the Microsoft Teams App Validator, but the error pop-up remains.Could you please help me resolve this issue as soon as possible?Thank you.

nivedipa-msft · Answer

Mansi_Barot - Thanks for reporting your issue. Could you please share your app manifest zip to check at our end?

mansi_barot · Answer

Nivedipa-MSFT,&nbsp;Sure. I've attached the app package (appPackage.local.zip) below.

nivedipa-msft · Answer

Mansi_Barot - We have tested this and able to repro your issue.

&nbsp;
We have raised the bug for the same. We will let you know once we get any updates on it.

mansi_barot · Answer

Nivedipa-MSFT,&nbsp;I've been encountering the AppInitTimeout&nbsp;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.&nbsp;&nbsp;This is a simple tab application created using Visual Studio. I created a Razor page called test:&nbsp;@page "/test"

&lt;h3&gt;Hiiiiiiiiiiiiiiii&lt;/h3&gt;

@code {

}I then updated the manifest to point both the contentUrl and websiteUrl to the test page as follows:&nbsp;"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-msft · Answer

Mansi_Barot&nbsp;-
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&nbsp;Microsoft Teams JavaScript client library&nbsp;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.
&nbsp;
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

&nbsp;
Thanks,&nbsp;
Nivedipa
------------------------------------------------------------------------------------------&nbsp;
If the response is helpful, please click "**Mark as Best Response**" and like it. You can share your feedback via&nbsp;Microsoft Teams Developer Feedback&nbsp;link. Click&nbsp;here&nbsp;to escalate.&nbsp;
&nbsp;

Forum Discussion

Issue with Red Error Pop-up in Microsoft Teams Tab Application

Share

Resources