"npm ERR! path C:\Users\user\AppData\Roaming\npm"と怒られて動かない

はじめに

今回はNuxt.jsの導入でNode.jsを導入した際に、
npmやnpxがエラーになり動かなかったので、
おそらくNode周りの共通項としてのエラーの共通項としての対処法となるので書きます。

エラー内容

npm ERR! code ENOENT
npm ERR! syscall lstat
npm ERR! path C:\Users\user\AppData\Roaming\npm
npm ERR! errno -4058
npm ERR! enoent ENOENT: no such file or directory, lstat 'C:\Users\user\AppData\Roaming\npm'
npm ERR! enoent This is related to npm not being able to find a file.
npm ERR! enoent

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\user\AppData\Local\npm-cache\_logs\2023-07-01T12_34_49_764Z-debug-0.log

user部分は自分のディレクトリで捉えてください

なんか C:\Users\user\AppData\Roaming\npm がないとか怒られてますね

実際にフォルダを覗いたところ該当のようなフォルダは存在しませんでした

試してみたこと

エラーコードで調べてもそれらしい解決がなかったので、

・Node.jsのバージョンを変える(推奨版の18.16.1を使っていたが、最新にしたり古くしてみたり)
・pathが通っているかの確認(環境変数があるか。実際はNode.jsを入れた際に作られている)
・ディレクトリを変える(実行すべきpackage-lock.jsonがあるか)
・VSCodeを閉じる(検索にひっかかった対処法でしたがダメだった)

どれも解決にはいたらず・・・

解決方法

C:\Users\user\AppData\Roaming に"npm"というフォルダを作る

これでした。
無いといわれてるなら作るしかありませんね
中身は空で大丈夫です

$ npx create-next-app@latest nextjs-blog --use-npm --example "https://github.com/vercel/next-learn/tree/master/basics/learn-starter"
Need to install the following packages:
  create-next-app@13.4.7
Ok to proceed? (y) y
Creating a new Next.js app in C:\Users\user\Downloads\nextjs-blog.

Downloading files from repo https://github.com/vercel/next-learn/tree/master/basics/learn-starter. This might take a moment.

Installing packages. This might take a couple of minutes.


added 23 packages, and audited 24 packages in 13s

通りました
うん！！うれしい

さいごに

本来なら、Nodeをインストールした際に自動でつくられるディレクトリのようですが、
なぜか作成されてなかったので手動でつくるしかありませんでした