ダウンロードしたFlutterプロジェクトが実行できない時の解決方法

 ・ 1 min

photo by Mathias Reding on Unsplash

他の人が作ったFlutterプロジェクトを参考にクリーンアーキテクチャを学ぼうと、GitHubでプロジェクトを探していたところ良いものを見つけました。しかしgit cloneコマンドでダウンロードしてiOSシミュレータでプロジェクトを起動しようとしたところ、すぐには動きませんでした。この問題を解決してプロジェクトを動かす方法を書こうと思います。

まずclean_architecture_todo_appというプロジェクトをダウンロードします。ターミナルを開いて任意の場所で以下のコマンドを実行してください。

git clone https://github.com/rodydavis/clean_architecture_todo_app.git

そして該当プロジェクトをVS Codeで開き、main.dartを開いてください。その後F5キーを押してデバッグを実行します。すると以下のようなエラーメッセージが表示されるはずです。

image

rbenvを使用しています。ルートプロジェクトでrbenv local 3.2.2コマンドを入力しました。するとルートプロジェクトに.ruby-versionファイルが作成されます。この部分は必須ではないようですが、macOSなので組み込みのRubyバージョンが2のため、バージョン3以上が必要で適用しました。

ルートプロジェクトからiosフォルダに移動してください。pod installコマンドを実行します。すると以下のように進行します。
image

pod installを実行したのでうまくいったかと思いきや、デバッグモードで実行すると以下のように.pub-cacheフォルダ配下で多くのバージョン問題が発生します。
image

まさにこの問題を解決するために今回の記事を書いたと言っても過言ではありません。方法は簡単ですが、うまくいく方法を見つけるのが意外と大変でした。

まずルートプロジェクトに移動してflutter pub upgradeコマンドを実行してください。するとプロジェクト環境でローカル環境で使用可能なバージョンにpubspec.lockファイルが更新されます。
image

それでもデバッグモードで実行すると、今度はRuby側でエラーが出ます。おそらく依存しているCocoaPods側のバージョンも上げる必要がありそうです。
image

iosフォルダに再度移動し、pod repo updateコマンドを実行した後、再びデバッグモードを実行しても同じエラーが出ます。代わりにpod updateコマンドを実行してください。すると以下のようにパッケージがインストールされます。
image

そして再度デバッグモードを実行すれば正常に動作するはずです!
image

方法を知れば簡単なのですが、適切なコマンドを実行すべきだと判断するまでに試行錯誤が長くかかりましたね…
でもうまくいってよかったです!


Change happens when the pain of holding on becomes greater than the fear of letting go.

— Spencer Johnson


他の投稿
VS CodeでFlutter DevToolsをブラウザで開く方法 커버 이미지
 ・ 1 min

VS CodeでFlutter DevToolsをブラウザで開く方法

Linuxディレクトリ別の説明 커버 이미지
 ・ 2 min

Linuxディレクトリ別の説明

初対面の人と話しやすいトピック 커버 이미지
 ・ 2 min

初対面の人と話しやすいトピック