Quasar Framework ＆ Capacitor

API Level 31以上でビルドする方法です。答えは、単純にCapasitor4を使うということ。

Quasar Frameworkは、Capasitor3までをサポートしています。（2023年4月5日時点）

Capasitor4をインストール

[src-capacitor]の[android]フォルダを削除します。[package-lock.json]も削除し、[package.json]を編集します。

  "dependencies": {
    "@capacitor/android": "^4.7.3",
    "@capacitor/app": "^4.1.1",
    "@capacitor/cli": "^4.0.0",
    "@capacitor/core": "^4.0.0",
　　"@capacitor/geolocation": "^4.1.0",
    "@capacitor/push-notifications": "^4.1.2"
  }

インストールコマンド

npm install

プラグインの関係で java11を使うようにエラー

quasar build -m capacitor -T android

ビルドしてみると、カレントでjava 1.8を使っているから java 11にしろと言ってきました。@capacitor/geolocationを使っているためです。

[環境変数]の[JAVA_HOME]のパスを確認

C:\Program Files\Java\jdk1.8.0_181

上のようになっていたので以下からダウンロードしてインストール

「環境変数」の「JAVA_HOME」のパスを変更

C:\Program Files\Java\jdk-11.0.17

PCを再起動させてビルドしてみると

quasar build -m capacitor -T android

Build succeeded

Build mode……………. capacitor
Pkg quasar……………. v2.11.9
Pkg @quasar/app-webpack… v3.7.2
Pkg webpack…………… v5
Debugging…………….. no
Publishing……………. no
Packaging mode………… gradle
Transpiled JS….. no
==========================

デバッグ時のエラー

同様に、

quasar dev -m capacitor -T android

でデバッグしようとすると、javaのバージョンエラーを出してきます。Android Studioの
[Setting＞Build,Excution,Deployment>Build Tools>Gradle]を開きます。[Gradle JDK]のパスをjdk11のパスに変更します。

Gradle sync failed: Timeout waiting to lock journal cache

/Users/ユーザ名/.gradle/caches/journal-1/journal-1.lock を削除する。