gizanbeak.pages.dev Open in urlscan Pro
2a06:98c1:3121::3  Public Scan

URL: https://gizanbeak.pages.dev/post/cloudflare-pages-node-version
Submission Tags: @ecarlesi possiblethreat phishing Search All
Submission: On February 04 via api from IT — Scanned from NL

Form analysis 0 forms found in the DOM

Text Content

GIZANBEAK

もくじ
記事を検索
 1. ホーム
 2. 記事
 3. Cloudflare Pages の node バージョンを変更する方法


CLOUDFLARE PAGES の NODE バージョンを変更する方法

2023.07.15 に更新記事は 2 分で読めます
CloudflareNode



この記事では Cloudflare Pages で実行されている Node.js のバージョンを変更する方法について解説しています。


問題

このブログは Cloudflare Pages でホスティングしているのですが、先日デプロイ時に以下のエラーに遭遇しました。

error next@12.1.6: The engine "node" is incompatible with this module. Expected version ">=12.22.0". Got “12.18.0"
error Found incompatible module.
info Visit https://yarnpkg.com/en/docs/cli/install for documentation about this command. 
Error during Yarn install


Cloudflare Pages ではデフォルトで node v12.18.0 が使用されているため、 node のバージョンを変更する必要があるようです。








バージョン変更方法

Cloudflare Pages のデプロイしたい Pages を選択後に「設定」→「環境変数」から 変数名をNODE_VERSION、値を v16.14.2
のように設定すればデプロイ時にそのバージョンを使用してくれるように変更されます。







この状態でデプロイしてみるとログから実際に指定した node バージョンが使用されていることが確認できます。







また、アプリケーションレベルで node のバージョン管理をしたい場合は package.json と同じ階層で .nvmrc や .node-version
を追加して node のバージョンを記述することで変更する方法もあるようです。

https://developers.cloudflare.com/pages/platform/build-configuration



Syuu



フロントエンドが好きなWEBエンジニア Next.js / React / TypeScript

SHARE
 * Twitter
 * はてなブックマーク
 * Facebook

関連レビュー

--------------------------------------------------------------------------------

TypeScriptの学習におすすめしたい書籍5選!

2023.09.25・16 min read

「Webを支える技術」のレビュー

2023.04.09・5 min read

「金儲けのレシピ」のレビュー

2021.10.10・8 min read

「個人開発がやりたくなる本: クリエイター13人の実録エッセイ」のレビュー

2021.09.19・6 min read
記事
レビュー
タグ
人気記事

--------------------------------------------------------------------------------

TypeScriptの数値変換  文字列⇔数字を相互変換する方法を解説

2023.08.14・4 min read

TypeScript vs JavaScript: 初心者が知るべき違いと使い分け

2023.04.11・5 min read

TypeScript で配列をループする簡単な3つの方法を紹介

2023.04.12・5 min read

初心者向け!TypeScriptとReactのuseState活用ガイド

2023.05.20・3 min read

TypeScriptで即時関数を使う方法を解説!基本から実践的な使い方まで

2023.08.28・4 min read
特集記事

--------------------------------------------------------------------------------

TypeScriptの学習におすすめしたい書籍5選!

2023.09.25・16 min read

「Webを支える技術」のレビュー

2023.04.09・5 min read

「個人開発がやりたくなる本: クリエイター13人の実録エッセイ」のレビュー

2021.09.19・6 min read

「金儲けのレシピ」のレビュー

2021.10.10・8 min read
もくじ

--------------------------------------------------------------------------------

 1. 問題
 2. バージョン変更方法

Gizanbeak
カテゴリー
 * 記事
 * レビュー
 * タグ

リンク
 * このサイトについて
 * プライバシーポリシー
 * お問い合わせ

© 2021 Syuu