SPFX Teams app blank screen when you open it for second time

[Rtoribiog]

Target SharePoint environment

SharePoint Online

What SharePoint development model, framework, SDK or API is this about?

💥 SharePoint Framework

Developer environment

Windows

What browser(s) / client(s) have you tested

• 💥 Internet Explorer
• 💥 Microsoft Edge
• 💥 Google Chrome
• 💥 FireFox
• 💥 Safari
• mobile (iOS/iPadOS)
• mobile (Android)
• not applicable
• other (enter in the "Additional environment details" area below)

Additional environment details

browser version Teams desktop App
SPFx version 1.13
Node.js version V 12.13
etc

Describe the bug / error

When you load your custom sfpx teams app for second time after clicking in any other section in teams it doesn't load up and it shows white screen.

After digging in the developer tools i've seen this error

Steps to reproduce

You have a custom spfx teams app , you click on the app and it's loads fine

Later you click in any option in the menu like calendar , teams chat

You click in teams app again and then it show up white screen

Expected behavior

The app it works fine without taking in count where do you click or if you want to return to the app after doing any other action.

[ghost]

Thank you for reporting this issue. We will be triaging your incoming issue as soon as possible.

[Rtoribiog]

more information regarding the error

We are using custom app manifest following this guideline

https://docs.microsoft.com/en-us/sharepoint/dev/spfx/deployment-spfx-teams-solutions#developer-provided-microsoft-teams-app-manifest--package

Here the url under it https://xxx.sharepoint.com/_layouts/15/teamslogon.aspx?spfx=true&dest=/SitePages/Viva-Home.aspx?app=portals

[AJIXuMuK]

Hi @Rtoribiog - thanks for reporting this one.
Could you please share your custom manifest either here or you can send it to me aterentiev@microsoft.com

[Rtoribiog]

you have it in the email.

Basically we want to do the same of viva app showing the top ribbon.

The first time the app loads it works fine, but when you click in another section and return it fails, due that it’s not able to construct the url due the ?app=portals

Thanks

[AJIXuMuK]

Thank you @Rtoribiog!
I don't see ?app=portals in your manifest.
Are you saying it is added when navigating back to the app?

Also, the manifest is not completely correct. As pointed out in the article you've mentioned, in webApplicationInfo you should set resource as https://{teamSiteDomain}, not the actual domain name.

Could you please also update the manifest and test it again?

Thanks!

[Rtoribiog]

hello @AJIXuMuK , sorry my fault, i've sent you old version of the app. Because all the things you mentioned were fixed some time ago. I sent you current version by email again. Thanks

[Rtoribiog]

hello @AJIXuMuK , have you seen anything that can be wrong or it's a bug as i'm thinking. Adding also @GrahamMcMynn to the thread, maybe he knows what is going on. Thanks

[AJIXuMuK]

Hey @Rtoribiog - we're looking into it and will update the thread as soon as have further details.

[AJIXuMuK]

@Rtoribiog - this has been fixed and will be rolled out WW in the next couple of weeks.

[Rtoribiog]

thanks so much

[Rtoribiog]

hello @AJIXuMuK , the deployment to teams app was released week ago. But still is not working properlly. Now when you click again in the app open the browser of the url instead of open the app inside teams.

Attached screenshot with the problem , feel free to reach me for more info

[AJIXuMuK]

That seems to be a separate bug.
I will create a new one to track it properly.

[ghost]

Issues that have been closed & had no follow-up activity for at least 7 days are automatically locked. Please refer to our wiki for more details, including how to remediate this action if you feel this was done prematurely or in error: Issue List: Our approach to locked issues