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://video2.skills-academy.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
Microsoft 365
Formerly Office 365, is a line of subscription services offered by Microsoft which adds to and includes the Microsoft Office product line.
4,953 questions
Microsoft Teams Development
Microsoft Teams Development
Microsoft Teams: A Microsoft customizable chat-based workspace.Development: The process of researching, productizing, and refining new or existing technologies.
3,272 questions

2 answers

Sort by: Most helpful
Most helpful Newest Oldest
  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
  2. Deleted

    This answer has been deleted due to a violation of our Code of Conduct. The answer was manually reported or identified through automated detection before action was taken. Please refer to our Code of Conduct for more information.

    Comments have been turned off. Learn more

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.