6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 1 year has passed since last update.

Flutter環境を構築する際にエラーが出たので解消してみた

Last updated at Posted at 2020-02-06

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

スクリーンショット 2020-02-06 14.30.19.png

■3つ目: Android StudioにDart pluginがインストールされていないです。

✗ Dart plugin not installed; this adds Dart specific functionality.

Android Studio から Dart pluginをインストールします
Android Studio > Preferences > Plugins

スクリーンショット 2020-02-06 14.33.25.png

(New and Updated)show All を押すと表示されるので Dart をインストールします。

スクリーンショット 2020-02-06 14.33.41.png

■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 をインストールしましょう

スクリーンショット 2020-02-06 14.59.11.png

■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 を実行すると
デバッグできましたー!!

6
2
1

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
6
2

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?