Ayudenme porfavor

Ionic Framework ionic-v3
1

Alguien me ayuda con este problema

image
image.png1366×768 208 KB

2

¿La página Tabs la has creado con el starter o sin él?

3

No entiendo amigo : ( ayudame te paso mi código

4

¿Qué estás intentando hacer?

5

esto es mi login.ts en la parte donde dice this.navCtrl.push(TabsPage);, en tabspage, quiero mostrar eso mis tabs y no puedo, ya importe y todo, en mi app.module.ts y nada , nose que pasa

import { TabsPage } from ‘./…/tabs/tabs’;

import { Component } from ‘@angular/core’;
import { IonicPage, NavController, NavParams } from ‘ionic-angular’;
import { AuthProvider } from ‘…/…/providers/auth/auth’;

/**

@IonicPage()
@Component({
selector: ‘page-login’,
templateUrl: ‘login.html’,
})
export class LoginPage {

login:{username?: string, password?: string} = {};
submited: boolean = false;

constructor(public navCtrl: NavController, public navParams: NavParams, private authService: AuthProvider) {}

onLogin(form)
{
this.submited = true;
if (form.valid)
{
this.authService.login(this.login).subscribe(() => {
if(this.authService.isLoggedIn)
{
this.navCtrl.push(TabsPage);
}
else{
console.log(“Credenciales Incorrectas”);

    }
  })
}

}
}

6

Debes importar AuthProvider en el app.module.ts, y agregarlo a la llave providers:

algo asi:

//app.module.ts
import { AuthProvider } from ‘…/…/providers/auth/auth’;
.
.
.
@NgModule({
.
.
 providers: [AuthProvider]
.
.
})
7

ya esta amigo , pero aun asi no funciona

import { TabsPage } from './../pages/tabs/tabs';
import { RecetasPage } from './../pages/recetas/recetas';
import { BrowserModule } from '@angular/platform-browser';
import { ErrorHandler, NgModule } from '@angular/core';
import { IonicApp, IonicErrorHandler, IonicModule } from 'ionic-angular';
import { SplashScreen } from '@ionic-native/splash-screen';
import { StatusBar } from '@ionic-native/status-bar';


import { MyApp } from './app.component';
import { HomePage } from '../pages/home/home';
import { LoginPage } from './../pages/login/login';
import { AuthProvider } from '../providers/auth/auth';
import { PerfilPage } from '../pages/perfil/perfil';
import { LogoutPage } from './../pages/logout/logout';









@NgModule({
  declarations: [
    MyApp,
    HomePage,
    LoginPage,
    PerfilPage,
    RecetasPage,
    LogoutPage,
    TabsPage

  ],
  imports: [
    BrowserModule,
    IonicModule.forRoot(MyApp)
  ],
  bootstrap: [IonicApp],
  entryComponents: [
    MyApp,
    HomePage,
    LoginPage,
    PerfilPage,
    RecetasPage,
    LogoutPage,
    TabsPage

  ],
  providers: [
    StatusBar,
    SplashScreen,
    {provide: ErrorHandler, useClass: IonicErrorHandler},
    AuthProvider
  ]
})
export class AppModule {}