1

Ola meu projeto Ionic esta com o seguinte erro (Error: Uncaught (in promise): TypeError: Cannot read property '0' of undefined) segue em anexo uma imagem do problema. Gostaria de alguma dica.inserir a descrição da imagem aqui Segue o link do projeto.

https://drive.google.com/open?id=1Ivez_R0Pv9RKR0D2EAoZD--1VqTBC8bf

         login.ts

        import { Component } from '@angular/core';
       //import { NgForm } from '@angular/forms';

       import { NavController, ToastController } from 'ionic-angular';

        import { UserData } from '../../providers/user-data/user-data';
         import { AuthService } from 
       "../../providers/authservice/authservice";
        import { UserOptions } from '../../components/user-options/user-
         options';
       import { Storage } from "@ionic/storage";
        import { UserPage } from '../user/user';


        @Component({
           selector: 'page-user',
         templateUrl: 'login.html'
          })
       export class LoginPage {
         login: UserOptions = { username: '', password: '' };
       userData= {"username":"", "password":""};
         responseData: any;
       public userInfo: any;
        public dataSet: any;

       submitted = false;

        constructor(
        public navCtrl: NavController, 
       public loginData: UserData, 
       public authService: AuthService,
        public storage: Storage,
       public toastCtrl: ToastController
        ) { }

     //onLogin(form: NgForm) {
      onLogin() {
       this.submitted = true;
       this.dataSet = [];
      //var userdatalocal;

      if(this.userData.username && this.userData.password){
      //API connection
       this.authService.postData(this.userData, "login")
      .then((result) => {
       this.responseData = result;

      if(this.responseData){
      this.dataSet = this.responseData;


     //localStorage.setItem('userData',JSON.stringify(this.responseData));
     //this.storage.set('userData',JSON.stringify(this.responseData));
     this.userInfo = this.dataSet.userId[0].userData;
     // console.log(this.dataSet.userId[0].userData.email);

      this.loginData.login(this.userData.username); //para setar flag 
       loggedInMenu

      this.navCtrl.push(UserPage,this.dataSet);
    } else {
      // If login or password is invalid then return to LoginPage
      console.log("Erro18r: login/password invalid or bad connection");
      this.navCtrl.setPages([
        {page: LoginPage}
      ]) ;
      let toast = this.toastCtrl.create({
        message: this.responseData.error.text ,//'Login or password 
       incorrect.',
        duration: 5000
      });
      toast.present();
       }
       }, (err) => {
        //Connection failure message
       console.log(err);
        this.navCtrl.setPages([
         {page: LoginPage}
        ]) ;
          })
         } 
        }

          }
1
  • Poste o código com problema aqui, isole a parte que acontece este erro e poste aqui no site. Provavelmente ninguém vai baixar o seu projeto pra procurar por erros.
    – Jéf Bueno
    Commented 18/01/2018 às 16:23

3 Respostas 3

0

Cara, o erro ocorre nessa instrução this.userInfo = this.dataSet.userId[0].userData;, você tem que verificar se o objeto retornado é válido e se está acessando o mesmo corretamente.

0

O objeto não está sendo montado ... provavelmente aqui

"responseData = result;"

Altere para

"responseData = result.json();"

Acredito que seja isso que está errado.

0

Não consigo ver a imagem de onde estou agora por causa de um proxy. Pode não parecer, mas vc está esperando a propriedade '0' de algum objeto q não foi instanciado (talvez um array). O q pode acontecer é q esse objeto pode ser instanciado tardiamente, ou seja, depois do momento em q o ionic está tentando obter o valor.

Outra coisa, é q o ionic cli é meio capenga (pelo menos no windows), então vc faz uma alteracão, espera pelo refresh e simplesmente volta uma versão antiga, naquele momento mesmo ou alguns refreshs depois. Isso é facilmente resolvido por matar o processo e dar ionic serve novamente.

Caso o problema seja realmente obter valor de um objeto não instanciado, vc pode usar o console.log para conferir o valor/instancia, debugar o .ts pelo chrome, debugar pelo vscode (caso o esteja utilizando), ou mesmo tentar colocar '?' logo depois do nome do objeto onde ele está sendo utilizado. Em outras palavras, vc precisa descobrir qual eh o objeto que está sem instancia.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .