Flutterの環境構築は公式ドキュメント通りに進めていくとできたのですがその途中で
エラーが出たのでその解消手順を書いていこうと思います。
実行環境
- macOS Mojave(バージョン 10.14.6)
- Xcode 11.3.1
- Android Studio (version 3.5)
- VS Code (version 1.41.1)
そもそも使用するPCでFlutter使えるのかどうか確認
1.PCのスペック
- macOS(64ビット)
- ディスクの空き容量:2.8 GB(Visual StudioやAndroid Studioなど入れるものを除いて)
2.以下のコマンドラインツールが使えることを確認する
■ターミナルにて確認
以下のコマンドを実行して command not found
でなければ基本的にインストール済みです!
- bashの確認:
bash -version
- curlの確認:
curl --version
- git 2.xの確認:
git --version
- mkdirの確認:
mkdir test
- whichの確認:
which test
- rmの確認:
rm -r test
- unzipの確認:
unzip -v
user$ bash --version
GNU bash, version 3.2.57(1)-release (x86_64-apple-darwin18)
Copyright (C) 2007 Free Software Foundation, Inc.
■もし command not found
と表示された場合
homebrew
などでインストールしてください(やり方は今回省略)
エラーの解消手順
基本的に公式の手順通りをそのまま進めていたのですがその途中でエラーが出ていたのでそちらを解消していきます。
公式ドキュメント:https://flutter.dev/docs/get-started/install/macos
ターミナルでflutter doctor
を実行するとエラー箇所に、「✗」と「!」が表示されます。
以下が実行結果となりますが全部で5つ出ていました。。
そちらを解消していきます!
! Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[!] Android Studio (version 3.5)
✗ Flutter plugin not installed; this adds Flutter specific functionality.
✗ Dart plugin not installed; this adds Dart specific functionality.
[!] VS Code (version 1.41.1)
✗ Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
[!] Connected device
! No devices available
■1つ目: Android licensesが許諾されていないです。
Some Android licenses not accepted. To resolve this, run: flutter doctor --android-licenses
ターミナルで以下のコマンドを実行する
以下のコマンドを実行後に規約が出るので読んで問題なければ「y」を押して進んで行きましょう!
$ flutter doctor --android-licenses
■2つ目: Android StudioにFlutter pluginがインストールされていないです。
Flutter plugin not installed; this adds Flutter specific functionality.
Android Studio から Flutter pluginをインストールします
Android Studio > Preferences > Plugins
■3つ目: Android StudioにDart pluginがインストールされていないです。
✗ Dart plugin not installed; this adds Dart specific functionality.
Android Studio から Dart pluginをインストールします
Android Studio > Preferences > Plugins
(New and Updated)show All を押すと表示されるので Dart
をインストールします。
■4つ目: VS CodeにFlutter extensionがインストールされていないです。
✗ Flutter extension not installed; install from
https://marketplace.visualstudio.com/items?itemName=Dart-Code.flutter
VS Code > EXENSIONS
検索ボックスに「Flutter」と入力して Flutter
をインストールしましょう
■5つ目: デバイスが接続されていません。
[!] Connected device
! No devices available
デバイスをPCに接続したりAndroid StudioまたはXcodeにてエミュレーターを立ち上げることで解決します。
これでもう一度 flutter doctor
を実行してみると・・・
Doctor summary (to see all details, run flutter doctor -v):
[✓] Flutter (Channel stable, v1.12.13+hotfix.7, on Mac OS X 10.14.6 18G103, locale ja-JP)
[✓] Android toolchain - develop for Android devices (Android SDK version 29.0.2)
[✓] Xcode - develop for iOS and macOS (Xcode 11.3.1)
[✓] Android Studio (version 3.5)
[✓] VS Code (version 1.41.1)
[✓] Connected device (2 available)
• No issues found!
エラーが解消されておりました!これでFlutterのプロジェクトを作成して flutter run
を実行すると
デバッグできましたー!!