top

本題

題名の通り、Next.js の create-next-app で ENOENT: no such file or directory と表示されて、プロジェクト初期化に失敗してしまう問題の解決方法を記載します。

軽く調べただけですが、Windows & Node.js のバージョンが高いと生じる問題のようです。

解決方法

解決方法は2通り。 どちらを選んでも良いようです。

  • create-next-app モジュールを手動でインストールする方法
    下記のコマンドを順番に入力。

    > npm init -y
    > npm install create-next-app@latest --save
    > npx create-next-app
    
  • npm フォルダを手動で作成する方法
    C:\Users\<Username>\AppData\Roaming\ に空の npm フォルダを作成。
    ただ Next.js の初期化に成功しても npm フォルダは使用されない模様。

エラー内容

> npx create-next-app@latest
npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\<Username>\AppData\Roaming\npm
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\<Username>\AppData\Roaming\npm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

参考