<p data-line="1" class="code-line">Cloudflare Pagesのビルド時にNode.jsのデフォルトバージョンが古くてエラーになることがありました。</p>
<p data-line="3" class="code-line">Node.jsのバージョンを変更できたので、その方法を備忘録として残します。</p>
<h2 id="%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AEnode.js%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3" data-line="5" class="code-line"><a class="header-anchor-link" href="#%E3%83%87%E3%83%95%E3%82%A9%E3%83%AB%E3%83%88%E3%81%AEnode.js%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3" aria-hidden="true"></a> デフォルトのNode.jsバージョン</h2>
<p data-line="6" class="code-line">Cloudflare Pagesのガイドによると、デフォルトでNode.js 10が使用されるとされています。ただし、実際のビルドログを確認すると、v12.18.0が使用されているケースもあるようです。これはプロジェクトの設定やランタイムによって異なる可能性があります。</p>
<h2 id="node.js%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95" data-line="8" class="code-line"><a class="header-anchor-link" href="#node.js%E3%83%90%E3%83%BC%E3%82%B8%E3%83%A7%E3%83%B3%E3%81%AE%E5%A4%89%E6%9B%B4%E6%96%B9%E6%B3%95" aria-hidden="true"></a> Node.jsバージョンの変更方法</h2>
<p data-line="10" class="code-line">Node.jsのバージョンを変更するには、以下の2つの方法があります。</p>
<ol data-line="12" class="code-line">
<li data-line="12" class="code-line">Cloudflare Pagesの環境変数を使用</li>
<li data-line="13" class="code-line">ローカルファイルで環境変数を指定</li>
</ol>
<p data-line="15" class="code-line">どちらの方法でも、使用したいNode.jsのバージョンを指定することができます。</p>
<h3 id="cloudflare-pages%E3%81%AE%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%82%92%E4%BD%BF%E7%94%A8" data-line="17" class="code-line"><a class="header-anchor-link" href="#cloudflare-pages%E3%81%AE%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%82%92%E4%BD%BF%E7%94%A8" aria-hidden="true"></a> Cloudflare Pagesの環境変数を使用</h3>
<ol data-line="19" class="code-line">
<li data-line="19" class="code-line">Cloudflareダッシュボードにログインします。</li>
<li data-line="20" class="code-line">「Workers &amp; Pages」を選択し、該当するPagesプロジェクトを開きます。</li>
<li data-line="21" class="code-line">「設定」→「変数とシークレット」と進み、<code>NODE_VERSION</code>という名前の変数を追加します。</li>
<li data-line="22" class="code-line">値に希望するNode.jsのバージョン（例：<code>20.9.0</code>）を入力します。</li>
</ol>
<p data-line="24" class="code-line"><img src="https://i.gyazo.com/160c68fb1442e4444c8bda9bef57ec9d.png" alt="Image from Gyazo" /></p>
<h3 id="%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%A7%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%82%92%E6%8C%87%E5%AE%9A" data-line="26" class="code-line"><a class="header-anchor-link" href="#%E3%83%AD%E3%83%BC%E3%82%AB%E3%83%AB%E3%83%95%E3%82%A1%E3%82%A4%E3%83%AB%E3%81%A7%E7%92%B0%E5%A2%83%E5%A4%89%E6%95%B0%E3%82%92%E6%8C%87%E5%AE%9A" aria-hidden="true"></a> ローカルファイルで環境変数を指定</h3>
<p data-line="28" class="code-line">プロジェクトのルートディレクトリに<code>.nvmrc</code>または<code>.node-version</code>ファイルを作成し、使用したいNode.jsのバージョンを記述します。</p>
<div class="code-block-container"><pre class="language-txt"><code class="language-txt code-line" data-line="30"># ".nvmrc または .node-version"
20.9.0
</code></pre></div>

Cloudflare PagesでNode.jsのバージョンを変更したいとき