0

Soy nuevo en el uso de ionic, estoy intentando conocer el framework con una aplicación muy sencilla la cual muestra algunas imagenes por medio de 3 componentes e intento visualizar mi aplicación en el navegador, pero cuándo hago en la consola el comando --> ionic serve, abre normal la pestaña en el navegador en el localhost pero no me muestra las imagenes, pero si utilizo una etiqueta de html img normal si se ve. En la consola del inspector me arroja los siguientes mensajes:

The key "viewport-fit" is not recognized and ignored. localhost/:10 

core.js:16829 
Angular is running in the development mode. Call enableProdMode() to enable the production mode.

common.js:290 
Native: tried calling StatusBar.styleDefault, but Cordova is not available. 
Make sure to include cordova.js or run in a device/simulator
common.js:290 
Native: tried calling SplashScreen.hide, but Cordova is not available. 
Make sure to include cordova.js or run in a device/simulator

Esto es lo que me muestra: introducir la descripción de la imagen aquí

El código en mi archivo home.page.html es el siguiente:

<ion-header>
  <ion-toolbar>
    <ion-title>
         Mi App Musical
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content padding> 

  <ion-grid>
    <ion-row>
      <ion-col size="6">
        <ion-card>
          <ion-img src="assets/imagenes/flauta.png"></ion-img>
        </ion-card>
      </ion-col>

      <ion-col size="6">
        <ion-card>
          <ion-img src="assets/imagenes/platillos.png"></ion-img>
        </ion-card>
      </ion-col>  

      <ion-col size="6">
        <ion-card>
          <ion-img src="assets/imagenes/bombo1.png"></ion-img>
        </ion-card>
      </ion-col>
    </ion-row>
  </ion-grid>

</ion-content>

Además cuándo ejecuto el comando --> ionic cordova run android para hacer el debug en un dispositivo físico se visualiza sin ningún inconveniente introducir la descripción de la imagen aquí

¿Es necesario siempre que voy a correrla en mi celular ejecutar ese comando?, ya que es un poco tardado, gracias.

1
  • Yo tengo el mismo problema... Lo corregiste amigo??? Commented el 29 jul. 2019 a las 21:38

1 respuesta 1

0

el problema es por que ya estas usando algun plugin de cordova. Al hacer uso de plugins de cordova ya no podrás volver a usar el navegador para ir viendo el progreso de tu app pues ya estará disponible unicamente en un dispositivo real o emulado.

Lo que te recomiendo usar es el inspector de chrome(y conectado a tu dispositivo via usb) para acceder a el solo tienes que ingresar en la siguiente url:

chrome://inspect/

Nota: No sé si es posible ver las apps en otro navegador

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.