<h1 id="h47f9265b9f">Next.jsでnpm run devできません。。。。</h1> そんな時ありますよね、、、 自分はそもそもnpmというコマンドに耐性がなく 毎回WARNのlogを見るだけで吐きそうですが.. <pre><code>$ npx create-next-app microcms-next-jamstack-blog
$ cd microcms-next-jamstack-blog
$ npm run dev</code></pre> microCMSのNextjsを使ったチュートリアルにて事件は起きました。 最後のnpm run devでとりあえずサーバー立ち上げるかといった時にエラーが現れます。。 <pre><code>#
# Fatal error in , line 0
# Check failed: allocator-&gt;SetPermissions(reinterpret_cast&lt;void*&gt;(region.begin()), region.size(), PageAllocator::kNoAccess).
#
#
#</code></pre> 上記の例外で引っかかりバックトレースがでできました。。。 permissionだから権限か？？？ バックトレースでは自分の環境はnode/v15.8.0だという事が書かれている、、、 はて？？ まぁとりあえずGoogle先生に投げつける 一発目でM1mac環境で同じエラーが起きている人やnode.jsのissueが出でてきました https://github.com/nodejs/node/issues/37061 どうやらnodeのバージョンがv15.9.0以下を使用している際に起きる問題のようです <h3 id="h486359062d">結論、nodeのバージョンを上げましょう！！！</h3> 自分はm1Mac環境でnodeのバージョンはnvmでnodeのバージョン管理をしているので とりあえず下記のコマンドを実施しました <pre><code>// 使用しているnodeのバージョンを確認
$ nvm ls
// インストール可能なバージョンを確認
$ nvm ls-remote
// v16.18.0&nbsp; &nbsp;(Latest LTS: Gallium)&lt;-これが最新の安定版ぽいのでインストールする
$ nvm i v16.18.0
// v16.18.0バージョンに変更する。
$ nvm use v16.18.0&nbsp;
// 再度使用しているnodeのバージョンを確認
$ nvm ls</code></pre> <h3 id="h1f2390adc2">完了です！！！</h3> そもそもnvmのデフォルトがv15.8.0になっているので v16.18.0をデフォルトにします 下記のコマンドを実施します<pre><code>$ nvm alias default v16.18.0
// defaultで使用しているnodeのバージョンを確認
$ nvm ls
default -&gt; v16.18.0</code></pre> 切り替わらない時はターミナルなどを再起動すればおkです<h2 id="h2b0d9fe3fa">これで完了！！！！！</h2> さてさてnpm run devしますか！ <h2 id="hc93106dc6e">無事ビルド完了しました！！！！！</h2> これでやっとスタート地点に立てました、それでは〜 <img src="https://images.microcms-assets.io/assets/661f51695d9d4fb590c322a7cdea4bf7/0167e58558f04d35b88939a81ef7e3ec/node-js-g330022f96_1280.png" alt="">

Next.jsでnpm run devできない時の対処法

<h1 id="he3220f18ee">Next.jsでブログを作成しました。</h1>ごはんが美味しい季節です <img src="https://images.microcms-assets.io/assets/661f51695d9d4fb590c322a7cdea4bf7/17b037729a624a7cb1b84829f08242b2/japanese-gba69f237f_640.jpg" alt=""> S U K I Y A K I ！！

記事一覧