Ionic4とCapaciorでAndroidでカメラ画像取得にtryするもうまくいかず。

2018年10月5日

Ionic4でCapacitorのCameraプラグインを使用する方法について、以下のサイトを写経してみたい。

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

（開発環境）

Visual Studio Code

（０）今回行うこと

（１）新規Ionic4アプリの作成

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

ionic start ionic4-camera blank --type=angular

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

cd ionic4-camera
ionic serve

（２’）@capacitor/cli , @capacitor/core のインストール

npm install --save @capacitor/cli @capacitor/core

（３’）cordova-plugin-splashscreen のアンインストール

npm uninstall --save cordova-plugin-splashscreen

（４’）Androidで利用できるようにする

npx init camerapp com.example.app
npx cap android
npx cap copy

なんか以下のようなエラーが出てだめそう。

以下の公式サイトにしたがってやり直します。

https://capacitor.ionicframework.com/docs/getting-started/with-ionic

（２）

npm run build
npm install --save @capacitor/cli @capacitor/core
npm uninstall --save cordova-plugin-splashscreen
npx cap init ionic4-camera-app com.example.app
npx cap android
npx cap copy
npx cap open android

公式サイト通りにやっているのに、エラーが、、、

npx cap add android
npx cap copy

一歩進んだようだが、またしても、エラーが。

（３）Android Studioを起動

かなり時間がかかる。。。

しかも、エラーになってしまった。。。

ちょっと、わけがわからないので、おいておく。

（５）src/app/home/home.page.html

(変更前)

(変更後)

home.ts

(変更前)

(変更後)

（６）

ionic cordova build android --prod --release

エラーが出てしまった。

うまくいかず。。。

npx cap add android