Error loading Teams App - Sorry, we ran into a problem loading this app. Please reload the page or try another time.

Ahmet TURP 0 Reputation points
2024-08-29T14:05:03.5366667+00:00

Hi,

I created a Teams app to publish our web app on Microsoft Teams, 365, and Office. However, I get Sorry, we ran into a problem loading this app. Please reload the page or try another time. error after a few seconds of loading the page.

User's image

The console shows "failed reason: AppInitTimeout" message. but I am unable to find the main reason for the error.

Our web app works fine on Microsoft 365, except for this error. In Microsoft Teams, I don't see any error message at all.

I found a similar case on the community forum: https://learn.microsoft.com/en-us/answers/questions/2006986/how-to-fix-the-sorry-we-ran-into-a-problem-loading?source=docs

Manifest version is 1.16. I can share the Teams App Package if anyone needs to reproduce the issue.

Microsoft 365 and Office | Install, redeem, activate | For business | Windows
Microsoft Teams | Development
{count} votes

2 answers

Sort by: Most helpful
  1. Q&A Assist
    2024-08-29T14:05:03.5433333+00:00
    AI generated content. This question contains an answer created with AI from Q&A Assist. Learn more

    The error message "Sorry, we ran into a problem loading this app. Please reload the page or try another time." with the console message "failed reason: AppInitTimeout" usually indicates that the app is taking too long to initialize. This can be caused by a variety of reasons, such as large file sizes or complex code.

    One possible solution is to optimize the app's code and reduce the file size. Another solution is to increase the timeout limit for app initialization. You can do this by adding the following line to the manifest.json file: "appTimeoutInSeconds": 60, where 60 is the number of seconds you want to set as the timeout limit.

    If the issue persists, you can try clearing your browser cache or using a different browser. You can also try opening the app in the Teams desktop app instead of the web app.

    References:

    0 comments No comments

  2. Matteo Vailati 0 Reputation points
    2024-10-14T10:58:44.11+00:00

    Any update?

    We have the same issue, but the waning banner appear on any custom apps. In our case, the banner is without the words, but in the browser developer console, we the the error 'failed reason: AppInit timeout'

    Following some screenshot:Screenshot 2024-10-02 114753

    This happen on many apps:

    Screenshot 2024-10-02 114844

    Any idea?

    Thank you


Your answer

Answers can be marked as Accepted Answers by the question author, which helps users to know the answer solved the author's problem.