3
3

More than 3 years have passed since last update.

何やっても npm does not support Node.js のエラーが出た話

Posted at

新しいReactアプリを作成しようと思い
npx create-react-appしようとすると、下記のようなエラーが出ました。

warn npm npm does not support Node.js v16.3.0
warn npm You should probably upgrade to a newer version of node as we
warn npm can't make any promises that npm will work with this version.
warn npm Supported releases of Node.js are the latest release of 6, 8, 9, 10, 11, 12.
warn npm You can find the latest version at https://nodejs.org/

私のMacにはNode.jsはバージョン@16.3.0が入っていたのですが、
npmのバージョンは@6.9.2でした。

Nodeのリリース一覧を見ると、
どうやらNodeとnpmのバージョンが、私のMacでは一致していないようでした。

Node.jsをダウングレードしようとした

エラーメッセージにも「より新しいnodeにアップグレードすべきです」的なことが書いているので
Node.jsを新しくすれば良いのかなと思ったのですが、
リリース一覧を見たところ最新バージョンのNodeがダウンロードされていました。
ってことはnpmのバージョンをアップグレードすれば良いのかな、と思いましたが
「Supported releases of Node.js are the latest release of 6, 8, 9, 10, 11, 12.」
(npm サポートしているNode.jsのリリースは、6, 8, 9, 10, 11, 12の最新リリースです。)
と書いているので、Node.jsをv12までダウングレードすれば良さそうです。

Node.jsのダウングレードができない!!

いろんな記事を漁ったのですが、Nodeをダウングレードしようにも
「npm」というコマンドが入ったものは全て
「npm does not support Node.js v16.3.0」のエラーが出てしまいます。

どうしろっちゅーねん・・・

直接フォルダを削除したら解決した

荒技なのかもしれませんが、ひとまずダウンロードされているNodeのファイルをごっそり削除しました。
ターミナルで下記を実行して、nodeが入ったフォルダをFinderで開く。

cd .nvm
cd versions
cd node
open .

そうしたら「v16.3.0」のフォルダを見つけました!
この数字何度見たことか!忌まわしい!!()

このフォルダをごっそり削除して、
先ほどのリリース一覧からv12をダウンロードして
同じフォルダ階層に突っ込んで、本来やりたかったcreate-react-appを実行したところ
エラーなく実行できました!!やったー!!

何やってもnpm実行できなくて戸惑った

どの記事を見ても、Node.jsをダウングレード(アップグレード)するには
「npm ●●● を実行する。」と書かれていて本気で詰みましたが
意外にも簡単な方法で解消できてよかったです。。
同じようなエラーでつまづいている方の参考になれば嬉しいです◉

3
3
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
3
3