У меня есть простое приложение Ionic, которое делает снимок с помощью плагина камеры cordova, а затем загружает его в хранилище firebase.Я установил свою корневую страницу в качестве домашней страницы (в настоящее время это только страница в моем приложении), и когда я запускаю
ionic cordova emulate android -c -l
ADV запускается нормально, приложение успешно собирается и запускается, но содержимое не загружается, хотяУ меня есть содержимое в моем файле home.page.html.Я импортирую HomePage как «./home/home.page», потому что я получал ошибки любым другим способом, но я не знаю, правильно ли это.Я новичок в Ионике и Кордове, поэтому, если это простая проблема, извините.Спасибо за помощь!
РЕДАКТИРОВАТЬ: Вот мой файл 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>