Блог

У меня есть простое приложение Ionic, которое делает снимок с помощью плагина cordova camera, а затем загружает его в хранилище firebase. Я установил свою корневую страницу в качестве домашней страницы (в настоящее время только страница в моем приложении), и когда я запускаю

 ionic cordova emulate android -c -l
  

ADV запускается нормально, приложение успешно создается и запускается, но контент не загружается, хотя у меня есть контент в моем home.page.html досье. Я импортирую домашнюю страницу как «. / home / home.page», потому что я получил ошибки любым другим способом, которым я это сделал, но я не знаю, правильно ли это. Я новичок в ionic и cordova, поэтому, если это простая проблема, прошу прощения. Спасибо за помощь!

РЕДАКТИРОВАТЬ: вот мой файл app.module.ts:

 import { MyApp } from './app.component';
import { HomePage } from './home/home.page';

import { AngularFireModule } from '@angular/fire';
import { AngularFirestoreModule } from '@angular/fire/firestore';
import { AngularFireStorageModule } from '@angular/fire/storage';

import { NgModule, ErrorHandler } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';

import { IonicErrorHandler, IonicApp } from 'ionic-angular';

import { IonicModule } from '@ionic/angular';
import { SplashScreen } from '@ionic-native/splash-screen/ngx';
import { StatusBar } from '@ionic-native/status-bar/ngx';



import { Camera } from '@ionic-native/camera';

const firebaseConfig = {
  My firebase Config
 }

@NgModule({
   declarations: [
     MyApp,
     HomePage
   ],
   imports: [
     BrowserModule,
     IonicModule.forRoot({}),
     AngularFireModule.initializeApp(firebaseConfig),
     AngularFirestoreModule,
     AngularFireStorageModule
   ],
   bootstrap: [IonicApp],
   entryComponents: [
     MyApp,
     HomePage
   ],
   providers: [
     StatusBar,
     Camera,
     SplashScreen,
     {provide: ErrorHandler, useClass: IonicErrorHandler}
   ]
 })
 export class AppModule {}
  

И это мой home.page.html файл:

 <!--
  Generated template for the VisionPage page.
  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-app>
<ion-header>

  <ion-navbar>
    <ion-title>Home</ion-title>
  </ion-navbar>

</ion-header>



<ion-content padding>
  <ion-row>

    <ion-col col-12 text-center>

      <button ion-button icon-start (tap)="captureAndUpload()">
        <ion-icon name="camera"></ion-icon>
        Activate Cloud Vision
      </button>

    </ion-col>

    <ion-col col-12>
        <img width="100%" height="auto" [src]="image">
    </ion-col>

  </ion-row>

</ion-content>
</ion-app>