Astroを使ったブログを作ろうとした
外に向けたアウトプット&備忘用に自分のブログを作ろうとし、ShincodeさんのYouTube動画を元にブログ作成にかかりました。
WordPressでやるよりJSなどを学びたいということでReactで編集できるAstroを使うことにしました。単に早くできそうだったというのも大きいです。
npm run devでつまづく(Node.jsのバージョンが古い)
Astroから好みのテンプレートをgit cloneし、npm install、その後
$npm run -dev
したところで以下のエラー。
Node.js v14.21.3 is not supported by Astro!
Please upgrade Node.js to a supported version: ">=18.14.1"
上記のエラー文と他の行にWARN lifecycleのメッセージとかも含まれていたものの
要はNode.Jsのバージョンアップデートが必要なのかと考えました。
brew updateでもエラー(brew tap repairが必要)
Node.Jsを更新し、
$nodebrew install-binary stable
$node -v
確認してもバージョン更新が反映されなかったため、
brew updateしてからNode.Jsを適したバージョンに更新しようとしました。
$brew update
ところがここで以下のエラー。
fatal: couldn't find remote ref refs/heads/master
Error: Fetching /usr/local/Homebrew/Library/Taps/heroku/homebrew-brew failed!
Installing from the API is now the default behaviour!
You can save space and time by running:
放置してたherokuに設定がつながっていた？ようなので(cursorのAIアドバイスより)
記事をググって以下のコードを実行。
$brew tap --repair
すると次のように解消したよう。
==> heroku/brew: changed default branch name from master to main!
解決
その後brew updateからの作業に戻り
$brew update
$nodebrew install-binary stable
$node -v
したところAstroに適応したNode.Jsのバージョンが反映しました。
環境
PC: M1 Mac (OS Ventura 13.5.1)
エディタ: Cursor
参考にさせていただいた記事・サイト
ありがとうございました。
Astroを使って5分でWebサイトを公開 YouTube-プログラミングチュートリアル
Node.jsをアップデートできない問題を解決した (Apple M1) Qiita @abcyaさん
brew tapとは Qiita @sammraiさん