iT邦幫忙

2022 iThome 鐵人賽

0
自我挑戰組

C++30日挑戰之旅系列 第 33

【WIDE LAB紀錄 Day3】Flutter Doctor 大展身手

  • 分享至 

  • xImage
  •  

壹、Flutter-來看醫囑囉

首先我們先來看昨天flutter doctor列出的IOS部分的問題
https://ithelp.ithome.com.tw/upload/images/20230201/20151593KbM5RZQhQu.png

由圖片顯示可以看到主要兩點警告:

  • Xcode
  • CocoaPods

一、Xcode

而依照指示依序打入兩行指令

xcode-select --switch /Applications/Xcode2.app/Contents/Developer
sudo xcodebuild -runFirstLaunch

注意:因為電腦中的Xcode名稱是"Xcode.2"所以要記得改

輸入指令後再度執行flutter doctor得到下列指示,偵測到我們的Xcode12.4,但跳出"Flutter需求Xcode13以上"的版本警告與Cocoapods的問題(Cocoapods於「二、Cocoapods中處理」)
https://ithelp.ithome.com.tw/upload/images/20230201/20151593hJLulCr4yD.png

依據本來源指示
https://ithelp.ithome.com.tw/upload/images/20230201/20151593cMhj0SgUZJ.png

來源自:Flutter not finding connected iOS device

輸入本行指令rm -rf <flutter_repo_directory>/bin/cache; flutter doctor -v
https://ithelp.ithome.com.tw/upload/images/20230201/20151593Qylvl4xloA.png

因為仍有“Flutter requires Xcode 13 or higher.”的錯誤訊息,故先輸入指令flutter --version先確認版本資訊,得知我們是flutter 3.7.0版本
https://ithelp.ithome.com.tw/upload/images/20230201/201515933uwJpujnyl.png

藉由本來源指示,決定將flutter降階到2.10.5版本
https://ithelp.ithome.com.tw/upload/images/20230201/20151593AqbrQn78m0.png

來源來自:Flutter 3.0 on IOS requires Xcode 13

二、CocoaPods

依照官網指示輸入sudo gem install cocoapods,並等待安裝執行
https://ithelp.ithome.com.tw/upload/images/20230201/201515931PCt5FjA12.png

中途跳出ERROR訊息
https://ithelp.ithome.com.tw/upload/images/20230201/20151593jKfImCy2GU.png

輸入ruby -v查看ruby版本,並輸入brew install ruby來更新ruby,結果顯示command not found
https://ithelp.ithome.com.tw/upload/images/20230201/201515933ljCf4NOkX.png

參考本篇做法
https://ithelp.ithome.com.tw/upload/images/20230201/20151593CH5JMRcz2c.png

引用本篇:ERROR: Error installing cocoapods: ERROR: Failed to build gem native extension

而在依照本篇更新.bash_profile後解決nvm command no found的問題(紅筆:要先load RVM才可以!還記得昨天的小魔王source ~/.bashrc嗎!)
https://ithelp.ithome.com.tw/upload/images/20230201/20151593loUEf9cpJ4.png

引用本篇:rvm command not found

依序輸入下列兩條指令

echo "source $HOME/.rvm/scripts/rvm" >> ~/.bash_profile
source ~/.bashrc

就可以於terminal中順利執行rvm list knowm了!並且顯示版本如圖
https://ithelp.ithome.com.tw/upload/images/20230201/20151593GidJXncStm.png

輸入rvm install ruby-2.6.3選擇安裝2.6.3版本後,跳出以下問題
https://ithelp.ithome.com.tw/upload/images/20230201/201515938EwkCqtQHc.png

參考本篇做法後
https://ithelp.ithome.com.tw/upload/images/20230201/20151593sHkNpKvVdc.png

參考本篇:Installing RVM: "Requirements installation failed with status: 1."

照其指示輸入新路徑的命令後可完成

/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"

https://ithelp.ithome.com.tw/upload/images/20230201/20151593ICcckyQM75.png

安裝完後輸入brew help指令有成功出現,並沒有跳出"command not found"
https://ithelp.ithome.com.tw/upload/images/20230201/20151593DThFhe3mxy.png

在輸入rvm list輸出目前的下載版本顯示”No rvm rubies installed yet.",因應而下載了更高的版本·rvm install ruby-2.7.2
https://ithelp.ithome.com.tw/upload/images/20230201/2015159380oDBL8pY7.png

安裝完2.7.2版本後,輸入rvm list成功顯示(如圖中反白處)
https://ithelp.ithome.com.tw/upload/images/20230201/20151593kfu9Bis8LT.png

因為輸入指令sudo gem install cocoapods後仍出現相同ERROR,故決定以rvm install ruby --latest進行最新版本ruby的下載(先前考量:怕在本macOS版本上一次下載到最新版的nvm會出問題,故一層層疊加版本,但後來想一想可以用選版本的方式來切換,好像也沒有差xD),但在圖片前並沒有出現箭頭顯示目前使用版本
https://ithelp.ithome.com.tw/upload/images/20230201/20151593YTqYm0jJZJ.png

輸入本條指令rvm use 3.0.0設定使用3.0.0版本,並再以rvm use 3.0.0 --default將其設為預設值,可以看到橘筆處依序由“=>”變為“=*”,是分別代表”使用“與”預設“的icon。
https://ithelp.ithome.com.tw/upload/images/20230201/20151593ecCyS5Vnpf.png

上述步驟都結束後便可以執行sudo gem install cocoapods進行安裝,安裝完後就會跳出下列完成訊息
https://ithelp.ithome.com.tw/upload/images/20230201/20151593qkBzdVMsxk.png

安裝CocoaPods成功後可以輸入pod --version來查看版本,可以看到我們是1.11.3的版本
https://ithelp.ithome.com.tw/upload/images/20230201/20151593tkQeD1JASi.png

然後我們再請flutter doctor粉墨登場!我們可以發現在Xcode區塊的Cocoapods的錯誤訊息已經消失了~
https://ithelp.ithome.com.tw/upload/images/20230201/20151593kPQrxn1XLJ.png

三、 小插曲

先用vim ~/.bash_profile中加入圖中藍筆顯示的那一行,來避免之後又跳出需換成zsh的警告訊息
https://ithelp.ithome.com.tw/upload/images/20230201/20151593zm6xEAzNSI.png

連結之海


上一篇
【WIDE LAB紀錄 Day2】恢復活蹦亂跳的Flutter Doctor ft.很多很多的路徑設置
下一篇
【WIDE LAB紀錄 Day4】 嗨Flutter,在這茫茫Bug海中很高興認識你(⁎⁍̴̛ᴗ⁍̴̛⁎)
系列文
C++30日挑戰之旅43
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言