Tinder風のアプリを作ろうとしています。
フロント:AngularJS
フレームワーク:Ionic3
サーバー:Firebase
プロフィール画像を更新する機能を実装中に以下のエラーメッセージが発生しました。
発生している問題・エラーメッセージ
以下のコマンドで実行。まずCordovaを動かす。
First,
ionic cordova run browser
プロフィール変更するボタン押す。
i touch the picture at profile page to change.
以下のようなエラーが発生。
then, this follow error in console.
error: exec proxy not found for :: FileChooser :: open
Filechooserというプラグインが読み込めていないとのことですが、原因がわからず躓いています。
分かる方がいましたら、助けてください!
該当のソースコード
該当ページのtsファイル
AngularJS
1import { Component,NgZone } from '@angular/core'; 2import { IonicPage, NavController, NavParams, AlertController } from 'ionic-angular'; 3import firebase from 'firebase'; 4import { ImghandlerProvider } from '../../providers/imghandler/imghandler'; 5import { UserProvider } from '../../providers/user/user'; 6 7@IonicPage() 8@Component({ 9 selector: 'page-contact', 10 templateUrl: 'contact.html' 11}) 12export class ContactPage { 13 avatar: string; 14 displayName: string; 15 email: string; 16 17 constructor( 18 public navCtrl: NavController, 19 public navParams: NavParams, 20 public userservice: UserProvider, 21 public zone: NgZone, 22 public alertCtrl: AlertController, 23 public imghandler: ImghandlerProvider) {} 24 25 ionViewWillEnter() { 26 this.loaduserdetails(); 27 } 28 29// ユーザー情報取得 30 loaduserdetails() { 31 this.userservice.getuserdetails().then((res: any) => { 32 this.displayName = res.displayName; 33 this.email = res.email; 34 this.zone.run(() => { 35 this.avatar = res.photoURL; 36 }) 37 }) 38 } 39 40// プロフィール写真変更 41 editimage() { 42 let statusalert = this.alertCtrl.create({ 43 buttons: ['okay'] 44 }); 45 this.imghandler.uploadimage().then((url: any) => { 46 this.userservice.updateimage(url).then((res: any) => { 47 if (res.success) { 48 statusalert.setTitle('Updated'); 49 statusalert.setSubTitle('Your profile pic has been changed successfully!!'); 50 statusalert.present(); 51 this.zone.run(() => { 52 this.avatar = url; 53 }) 54 } 55 }).catch((err) => { 56 statusalert.setTitle('Failed'); 57 statusalert.setSubTitle('Your profile pic was not changed'); 58 statusalert.present(); 59 }) 60 }) 61 } 62} 63
試したこと
ionic info
でバージョン確認
cli packages: @ionic/cli-utils : 1.19.2 ionic (Ionic CLI) : 3.20.0 global packages: cordova (Cordova CLI) : 8.0.0 local packages: @ionic/app-scripts : 3.1.8 Cordova Platforms : android 7.0.0 browser 5.0.3 Ionic Framework : ionic-angular 3.9.2 System: Node : v6.10.0 npm : 3.10.10 OS : Windows 10 Environment Variables: ANDROID_HOME : not set Misc: backend : pro
あなたの回答
tips
プレビュー