Ionic 4 RC ion-tab is not known element on blank project

I started making an app using ionic 4 RC (4.6.0) with blank template, Midway i decided to add tabs to the blank project so I generated pages and copied code from existing ionic 4 tabs project.
I get the error in Visual Studio Code ‘ion-tab is not known element’, I have imported IonicModule and everything else is fine (ion-tabs,ion-tab-button,ion-tab-bar, etc) but ion-tab is not defined.

I think I must import something is not imported by default at blank project, Tried starting a new blank project with 1 tabs page and same.

1 Like

OK after digging around I found that the ion-tab has been removed from RC.0 and the whole tabs template changed a lot and Tabs API Docs are currently outdated.
more on https://github.com/ionic-team/ionic/issues/16764 and how to convert old ionic 4 beta tabs layout to the current RC on https://github.com/ionic-team/ionic/tree/master/core/src/components/tabs#angular for anyone facing or will face the same problem

3 Likes

Thank you…

Is a pain to keep track of this kind of stuff, sometimes is just better to wait for the official release…

1 Like

thank you so much :heart_eyes:

I am also facing the same issue

‘ion-icon’ is not a known element:

  1. If ‘ion-icon’ is an Angular component, then verify that it is part of this module.
  2. If ‘ion-icon’ is a Web Component then add ‘CUSTOM_ELEMENTS_SCHEMA’ to the ‘@NgModule.schemas’ of this component to suppress this message.ngtsc(-998001)

Please help me out!