<ion-tabs> not showing

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

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.

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.