LoginSignup
0
0

More than 1 year has passed since last update.

VueでクロスプラットフォームAppの開発を行う【Win11】

Posted at

QuasarFWを使ってAndroidエミュレーターの起動ができたので、やり方をメモしておきます。
ざっくりとした流れや、トラブった部分について集中的にまとめます。

Document

使用環境

  • Windows11Home-64bit
  • VSCode
  • Quasar-v2.11.7 + TypeScript + Vite

必要ファイル

Android SDK

Androidエミュレーターの開発キット。

JDK

最新バージョンだと動作しません。

場所:

C:\Program Files\Java\jdk-11

Gradle

Quasarの仕様で、下記バージョンでしか動作しません。

場所:

C:\gradle-4.10.3

環境変数の設定でパスを通す

PCの検索に「path」を入力して、システム環境変数の編集を開きましょう。

下記の変数とパスを設定します。

環境変数の追加

image.png

追加するパス

不要なものが混じっているかもしれません^^;

image.png

SDK Managerの設定

SDKの設定内容です。

Image 2023-03-15 15.31.14.png

Androidのバージョン

image.png

ビルドツールのバージョン

30.0.3が必要です。

image.png

作業中に発生したエラー内容

Unable to get mutable Windows environment variable map

→JDKのバージョンを11に落とすと解決しました。
Gradleのバージョンが古いためJDKが対応していないとのこと。
Gradleのバージョンは変えられないので、JDKを11にすれば消えます。

Recommended version is 30.0.3.

→ビルドツールのバージョン30.0.3をインストールすることで解決しました。

A problem occurred evaluating project ':app'.

→プロジェクトのパスに含まれるASCII文字を削除して解決しました。
ディレクトリに日本語を使うのは今後やめます。

参考動画

古い動画なのでUIは変わっていますが、大まかには理解できました。

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0