スポンサーリンク

Ionic4とCapaciorでAndroidでカメラ画像取得にtry(2回目)するもエラー。

2018年10月現在、まだIonic4もCapacitorもbetaというせいか、とにかくうまくいかない。

前回、以下のサイトを写経しようとしても、私の環境ではうまくいかなかった。

http://tphangout.com/ionic-4-camera-with-capacitor/
image_thumb1

今回は、上記に加えて、いろいろ参考にしながらまたtryしてみたい。

http://twosquirrel.mints.ne.jp/dokuwiki/doku.php/capacitor%E3%83%97%E3%83%A9%E3%82%B0%E3%82%A4%E3%83%B3

(開発環境)
image_thumb2
Visual Studio Code

(今回構築した環境)
Android Studio 3.2

(0)今回行うこと

(1)新規Ionic4アプリの作成

C:/ionic4/ フォルダを、VisualStudioCodeで開き、以下を入力

ionic start ionic4-camera2 blank --type=angular

cordova と Proは両方とも、N + Enter.

image

C:/ionic4/ionic4-camera2/ フォルダを、VisualStudioCodeで開き、Ctrl+@でコマンドプロンプトを開き、以下を入力。

ionic serve -l

 

@ionic/lab のインストールを聞かれるので、 Y + Enter

image

(2)ionicアプリにCapacitorのインストール

ionic integrations enable capacitor

image

(3)ionic build

image

(4)ionic cap add android

image

(5)ionic cap open android

image

なんかよく分からないので、一旦、Android Studioをアンインストールして、下記サイトから再度、インストールし直した。ダウンロードファイルだけで約1GB、、、

https://developer.android.com/studio/?hl=ja
image

image

image

image

いったん閉じる。

(6)

npm install --save @capacitor/cli @capacitor/core
npm uninstall --save cordova-plugin-splashscreen

image

image

ionic build
ionic cap add android
ionic cap copy
ionic cap open android

image

今度は、なんだか、ゆっくり、AndroidStudioが自動的に開いて、そのあと、

ゆっくり、AndroidStudioで何か計算しまくっているようである。

image

なんだかとっても時間がかかる

image

image

image

image

何十分かかかったがエラー。

ionic cordova build android

image

それでもエラー。がっくし。

まだbetaなので、であろうか。。。Capacitorは私には無理そう。

(7)Ionic4(beta)は、まっさらな状態でionic cordova build android できるのかな?

npm update -g ionic

ionic start ionic4-sample blank --type=angular

最初はY, 次はn + Enter

image

image

cd ./ionic4-sample
ionic serve

image

Ctrl+ C => y + Enter でサーバ停止

ionic capacitor add android
ionic cordova build android

 

https://beta.ionicframework.com/docs/cli/capacitor-add

https://beta.ionicframework.com/docs/cli/cordova-build

image

あれ?まっさらなIonic4アプリを、androidアプリにbuildすることができない。。。

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

スポンサーリンク