この記事は最終更新日から2年以上経過しています。
AmplifyでAstro3をビルドしたい場合の対処法
公開日：
更新日：
こんにちは、田村です。
AWS AmplifyでAstro3系をビルドした場合にコケたので対処法のメモです。
結論からですが、Node.js18に必要なGLIBCのバージョンが低いみたいですね。
デフォルトイメージは使用せず、対応した構築イメージを使用すると良いとのこと。
次のサイトに解決策がありました。ありがとうございました！
https://www.frontendclub.net/aws-amplify-specified-node-18-but-GLIBC-not-found-on-build/
以下メモです
Astroのサイトにはホスティングサービスに対応したデプロイガイドが用意されています。
AWS Amplifyも用意されていているのですが、そのまま利用したら失敗してしまいました。
https://docs.astro.build/ja/guides/deploy/aws/
どうしたものかとみていたらAmplifyのバージョンはデフォルトのままだとNode.jsのバージョンは「v16.19.0」のようです。
バージョンを調べるには次のような感じ
version: 1
frontend:
phases:
preBuild:
# Not using npm? Change `npm ci` to `yarn install` or `pnpm i`
commands:
- node -v
- npm ci
.
.
.Astro3系のNode.jsは「18.14.1」以上だったので、
https://docs.astro.build/en/guides/upgrade-to/v3/#what-should-i-do
Node.jsのバージョンを上げてみたみたところ今度はGLIBCのバージョンが違うと言うエラーが出ました。
node: /lib64/libm.so.6: version `GLIBC_2.27' not found (required by node)
node: /lib64/libc.so.6: version `GLIBC_2.28' not found (required by node)そんなこんなで次のサイトに辿り着きました。
改めてありがとうございます！
https://www.frontendclub.net/aws-amplify-specified-node-18-but-GLIBC-not-found-on-build/
AmplifyでNode.jsのバージョンを切り替える
こんにちは、田村です。 Amplifyでは、Node.jsのバージョンが合わないとビルドに失敗することがあります。 その場合は、カスタムビルドイメージを指定してバージョンを揃えることができます。 「ビルドの設定」から「ビルドイメージの設定」の「編集ボタン」をクリック カスタムビルドイメージに使用したいバージョンの Dockerコンテナを指定 public.ecr.aws/docker/library/node:22.15.0 Dockerイメージはこちらから これで任意のNode.jsを動かすことができました。
スタッフブログ
Astroをデプロイしてホスティング - Cloudflare Pages編
こんにちは、田村です。 Astroは開発体験も良くていいですね！ 今回はCloudflare Pages でデプロイする手順をスクリーンショットで確認しながら解説します。 準備が必要ない方はデプロイ方法からご覧ください。 ・準備 ・デプロイ方法 準備 アカウントの準備 Cloudflare PagesとGitHubのアカウントを作成済みと仮定して進めていきます。もしまだアカウントを作成していない場合は、以下の手順に従ってアカウントを作成してください。 アカウントの作成が完了したら、次のステップに進んでください。 Cloudflare Pages GitHub Astroのサイトを準備 最初に、Astroのサイトを準備しましょう。 以下の手順に従って、新しいAstroプロジェクトを作成します。 Astroの公式ドキュメンテーションにアクセスします。 https://docs.astro.build/ja/getting-started/ 以下のコマンドを実行して、新しいAstroプロジェクトを作成します。 npm create astro@latest 手順に従うことで、Astroのプロジェクトを準備できます。 その後、ブラウザを立ち上げて、以下のような画面が表示されたら、Astroの準備が完了です。 npm run dev 今回はAstroの詳細な解説は行いませんが、これでデプロイするサイトの準備ができました。 リポジトリを作成しGitHubへPush 次に、GitHubでリポジトリを作成し、先ほど作成したAstroサイトのコードをPushします。 これで、AstroサイトのコードがGitHubにアップロードされ、デプロイの準備が整いました。 デプロイ方法 Astroサイトのデプロイガイド Astroでは、さまざまなホスティングサービスに対応したデプロイガイドが用意されています。 今回はCloudflare Pagesを利用する方法を試してみましょう。 https://docs.astro.build/ja/guides/deploy/cloudflare/ Cloudflare Pagesへは、ウェブサイトから操作してデプロイするか、Wrangler CLIを使ってデプロイすることができます。 今回はウェブサイトから操作してデプロイしてみます。 ウェブサイトから操作してデプロイ Cloudflare Pagesにログインします。 最初に、プロジェクトをインポートします。 サイドバーの「Workers & Pages」から「Pages」タブへ進んでください。 「Gitに接続」を選択し、「GitHubに接続」します。 GitHubとCloudflare Pagesのアクセス承認していきます。 「Authorize Netlify」をクリックして 全てのリポジトリ（All repositories）を繋ぐか特定のリポジトリ（Only select repositories）を繋ぐかを選択できます。 ここでは特定のリポジトリを選択し、「Install Authorize」を選択します。 先ほどのAstroサイトのリポジトリを選択して「次へ」進みます。 接続できると次のような画面になります。 繋いだリポジトリ名を選択して「セットアップの開始」をクリックします。 デプロイ設定画面になります。 「フレームワークプリセット」でAstroを選択すると適切な設定を入れてくれています。 今回はそのままで、下までスクロールして「保存してデプロイする 」をクリックしてください。 デプロイが開始されますのでデプロイ完了までしばし待ちましょう。 無事デプロイが完了しました。 「xxxx.pages.dev」のようなリンクが作成されいるのでクリックします。 次のような画面が表示されていれば完了です。 おつかれさまでした。無事サイトが表示されました。 これで「ウェブサイトから操作してデプロイ」は完了です。 以上、「Astroをデプロイしてホスティング - Cloudflare Pages編 」でした。
スタッフブログ