<ion-tabs> not showing

Ionic Framework ionic-v3
1

So I am doing this course on Udemy and it requires me to generate new projects for doing assignments.
I have used tabs before but for some reason now it’s starting to give me problems.

I am just trying to do this basic thing:

  • create 2 pages
  • create a tabs page
  • set the tabs page as root page

For some reason I get a blank page but on the bottom I can hover over what seems to be tabs. But the entire page is white.

Cordova CLI: 6.5.0
Ionic Framework Version: 3.0.1
Ionic CLI Version: 2.2.3
Ionic App Lib Version: 2.2.1
Ionic App Scripts Version: 1.3.0
ios-deploy version: Not installed
ios-sim version: Not installed
OS: Linux 4.10
Node Version: v7.7.3

I am clueless why it’s not working

2

Did you remote debug the problem on the device already? Follow these instructions here to debug the problem in Chrome dev tools: https://ionic.zone/debug/remote-debug-your-app#android Look at the console and network tabs for errors.

3

Dear Jeroenroumen

When declaring the page variables in the tabs component ensure you are assigning the pages to each page component.

i.e. using the equals character ‘=’ instead of the colon ‘:’ if you are using the colon then you are just specifying the type of the variable rather than assigning the page to it, which is what you want. Hope this helps.