スポンサーリンク

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

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

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

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

今回は、上記に加えて、いろいろ参考にしながらまた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

(開発環境)

Visual Studio Code

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

(0)今回行うこと

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

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

ionic start ionic4-camera2 blank --type=angular

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

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

ionic serve -l

 

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

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

ionic integrations enable capacitor

(3)ionic build

(4)ionic cap add android

(5)ionic cap open android

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

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

いったん閉じる。

(6)

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

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

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

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

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

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

ionic cordova build android

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

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

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

npm update -g ionic

ionic start ionic4-sample blank --type=angular

最初はY, 次はn + Enter

cd ./ionic4-sample
ionic serve

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

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