question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

bug: ion-tab halts whole app with white screen

See original GitHub issue

Bug Report

Ionic version: [x] 4.9.1

Current behavior: The whole component that contains <ion-tab> gets displayed as a white space. When the <ion-tab> are commented out the component renders fine.

Expected behavior: Component containing “<ion -tab>” renders no matter what.

Steps to reproduce: https://github.com/bitflower/stencil-tab-bug

Slack chat reference with @manucorporat: https://stencil-worldwide.slack.com/archives/C9LTCKAN8/p1569499721070200

Issue Analytics

  • State:closed
  • Created 4 years ago
  • Comments:7 (6 by maintainers)

github_iconTop GitHub Comments

1reaction
corysmccommented, Oct 11, 2019

For anyone running into this - the issue was with nested ion-contents on the page. Your ion-tabs should not be a child of ion-content.

0reactions
ionitron-bot[bot]commented, Jul 25, 2020

Thanks for the issue! This issue is being locked to prevent comments that are not relevant to the original issue. If this is still an issue with the latest version of Ionic, please create a new issue and ensure the template is fully filled out.

Read more comments on GitHub >

github_iconTop Results From Across the Web

bug: ion-tab halts whole app with white screen · Issue #19459
Bug Report Ionic version: [x] 4.9.1 Current behavior: The whole component that contains gets displayed as a white space.
Read more >
Why white screen stuck after splash screen in Ionic 4?
Debug your app and check if its showing any error app stuck at white screen mainly because of errors in app.
Read more >
Debugging the Ionic White Screen of Death - YouTube
In this video, we walk through 4 different steps you can take to help track down errors that are occurring in your Ionic...
Read more >
Ion-Tabs: Tab-Based Component for App Top-Level Navigation
Tabs are a top level navigation component to implement a tab-based navigation. The component is a container of individual Tab components.
Read more >
Page 2 of 8 - Just keep coding... - Yeah she codes
For this I did not go out of my way to write a full docker-compose.yml file. I only wanted a phpmyadmin instance running...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found