# \[Solved\] Problem to add a new page to a text tabs

**URL:** <https://forum.ionicframework.com/t/solved-problem-to-add-a-new-page-to-a-text-tabs/88345>\
**Category:** ionic-v3\
**Created:** [April 29, 2017, 5:31pm UTC](https://forum.ionicframework.com/t/solved-problem-to-add-a-new-page-to-a-text-tabs/88345 "2017-04-29T17:31:23Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![LuckyLarry](https://avatars.discourse-cdn.com/v4/letter/l/db5fbb/32.png) [@LuckyLarry](https://forum.ionicframework.com/u/LuckyLarry)\
**Post date:** [April 29, 2017, 5:31pm UTC](https://forum.ionicframework.com/t/solved-problem-to-add-a-new-page-to-a-text-tabs/88345/1 "2017-04-29T17:31:23Z")

</div>

Hi ionic community,

I have created a new application to train me about Ionic (i’m new) but I have a problem that i cannot solve by myself. I try to add a page to a text Tabs but I cannot access to my new page.

 ![image](https://global.discourse-cdn.com/ionicframework/original/3X/8/d/8dcc0f717883a8549e5f54380326a0e4ed4ca899.jpg)

Look the code of my new page (it’s like the others pages, like about…)

**classements.ts**

> import { Component } from ‘@angular/core’;  
> import { NavController } from ‘ionic-angular’;

> @Component({  
> selector: ‘page-classements’,  
> templateUrl: ‘classements.html’  
> })  
> export class ClassementsPage {

> constructor(public navCtrl: NavController) {  
> }

> }

**classements.html**

> import { Component } from ‘@angular/core’;  
> import { NavController } from ‘ionic-angular’;

> @Component({  
> selector: ‘page-classements’,  
> templateUrl: ‘classements.html’  
> })  
> export class ClassementsPage {

> constructor(public navCtrl: NavController) {  
> }

> }

**tabs.ts**

> import { Component } from ‘@angular/core’;

> import { AboutPage } from ‘…/about/about’;  
> import { ContactPage } from ‘…/contact/contact’;  
> import { HomePage } from ‘…/home/home’;  
> import { ClassementsPage } from ‘…/classements/classements’;

> @Component({  
> templateUrl: ‘tabs.html’  
> })  
> export class TabsPage {

> tab1Root = HomePage;  
> tab2Root = AboutPage;  
> tab3Root = ContactPage;  
> tab4Root = ClassementsPage;

> constructor() {

> }  
> }

**tabs.html**

In this page (I cannot paste the code, i don’t know why) but I add a tab4root with my new page.

Also, i have ridden this (but I didn’t find a solution) :  
[http://ionicframework.com/docs/components/#tabs](http://ionicframework.com/docs/components/#tabs)

Thanks to help me !

---

<div class="post-metadata">

**Author:** ![luukschoen](https://sea1.discourse-cdn.com/ionicframework/user_avatar/forum.ionicframework.com/luukschoen/32/98585_2.png) [@luukschoen](https://forum.ionicframework.com/u/luukschoen)\
**Post date:** [April 29, 2017, 5:38pm UTC](https://forum.ionicframework.com/t/solved-problem-to-add-a-new-page-to-a-text-tabs/88345/2 "2017-04-29T17:38:09Z")

</div>

Okay, the error is telling you you didn’t add the newly created component into your app.module.ts. If you add it to your declarations/imports over there, you’re good to go.

---

<div class="post-metadata">

**Author:** ![LuckyLarry](https://avatars.discourse-cdn.com/v4/letter/l/db5fbb/32.png) [@LuckyLarry](https://forum.ionicframework.com/u/LuckyLarry)\
**Post date:** [April 29, 2017, 5:55pm UTC](https://forum.ionicframework.com/t/solved-problem-to-add-a-new-page-to-a-text-tabs/88345/3 "2017-04-29T17:55:47Z")

</div>

Thank you so much!!! It’s was so stupid! And I loose something like 2 hours ☹