Please help Tabs opens double page

Please help
Hi i’m loading a home page that contains 2 tabs at the buttom but when loaded it opens an extra Mappage i dont know why
like this
html:
< ion-tabs color=“secondary”>
< ion-tab [root]=“tabMap” tabTitle=“Map” tabIcon=“navigate”>
< ion-tab [root]=“tabList” tabTitle=“List” tabIcon=“list”>
< /ion-tabs>
ts:
import { ListPage } from ‘./…/list/list’;
import { MapPage } from ‘./…/map/map’;
import { Component } from ‘@angular/core’;
@Component({
selector: ‘page-home’,
templateUrl: ‘home.html’
})
export class HomePage {
tabMap: any = MapPage;
tabList: any = ListPage;
constructor() {
}
}
result:

\D:\Projects\MyApp\src\app\app.component.ts:215 user: online
\D:\Projects\MyApp\src\pages\map\map.ts:18 MapPage Page
\D:\Projects\MyApp\src\app\app.component.ts:129 Login in home page
\D:\Projects\MyApp\src\pages\map\map.ts:18 MapPage Page