【Create-react-app】エラーENOENTの対処法が分かりません

##【問題詳細】
create-react-appでの環境構築を行っています。
Visual Studio Code(以下VSCode)でWSLのターミナルを開き、
npm run build
とコマンドを打ち、ビルドフォルダを作成しようとしたところ
以下のようなエラーが出ました。
ファイルやディレクトリが存在しない、ということですが、Ubuntu初心者なので
具体的にどうやってファイル名やパス名を正せばいいのかわかりません。

解決法が分かる方がいればご教授願います。

##【エラー】

Ubuntu
1pm ERR! code ENOENT
2npm ERR! syscall open
3npm ERR! path /home/tatsumip/TatsumiProject/package.json
4npm ERR! errno -2
5npm ERR! enoent ENOENT: no such file or directory, open '/home/tatsumip/TatsumiProject/package.json'
6npm ERR! enoent This is related to npm not being able to find a file.
7npm ERR! enoent 
8
9npm ERR! A complete log of this run can be found in:
10npm ERR!     /home/tatsumip/.npm/_logs/2020-10-23T11_59_27_753Z-debug.log

##【PC環境】
・Windows10
・WSL
・Linux
・Ubuntu
・bash
・curl v7.68
・nodebrew v8.94
・Node v14.04
・create-react-app
・VisualStuidoCode v1.501

##【試したこと】
・npm install -g create-react-appを実行すると、以下のようなエラーが出ました。

ubuntu
1npm WARN checkPermissions Missing write access to /usr/local/lib
2npm ERR! code EACCES
3npm ERR! syscall access
4npm ERR! path /usr/local/lib
5npm ERR! errno -13
6npm ERR! Error: EACCES: permission denied, access '/usr/local/lib'
7npm ERR!  { [Error: EACCES: permission denied, access '/usr/local/lib']
8npm ERR!   stack:
9npm ERR!    'Error: EACCES: permission denied, access \'/usr/local/lib\'',
10npm ERR!   errno: -13,
11npm ERR!   code: 'EACCES',
12npm ERR!   syscall: 'access',
13npm ERR!   path: '/usr/local/lib' }
14npm ERR! 
15npm ERR! The operation was rejected by your operating system.
16npm ERR! It is likely you do not have the permissions to access this file as the current user
17npm ERR! 
18npm ERR! If you believe this might be a permissions issue, please double-check the
19npm ERR! permissions of the file and its containing directories, or try running
20npm ERR! the command again as root/Administrator.
21
22npm ERR! A complete log of this run can be found in:
23npm ERR!     /home/tatsumip/.npm/_logs/2020-10-23T12_15_48_139Z-debug.log

回答1件

自己解決

解決しました！
同じエラーに当たった方はこちらのサイトをご覧になることをオススメします。
https://qiita.com/M-ISO/items/d693ac892549fc95c14c

下記はこのエラーの対処法になります。私はこの順番で直りました。

【事前確認】
・package.jsonがあるディレクトリにいないで実行しているとか
・他のlocalサーバーが立ち上がっているとか(同じポート番号が別で使われているとか) killall nodeと叩いて全てのnodeのプロセスを一旦killします
・package.jsonに加えたにもかかわらずnpm installしてないとか
・キャッシュがのこっているとか(npm cache cleanしていないとか)
・一回全部node_modulesを削除してnpm installし直すとか(rm -r node_modules
・今installしようとしているモジュールとpackage.jsonのname値が同じとか(package.jsonのname値を変えてください)
・ブランチを変えた後npm iし直していないとか(先ほどまで作業していたブランチのpackage.jsonと差分がありますか？あればnpm iし直してくださいもしくは一回node_modules削除して入れ直してください)

　ok。一旦、まず試しにターミナルでこれを順番に打ってみてください。

killall node
ls (package.jsonが表示されていることを確認する。なければあるところまでcdで移動)
rm -r node_modules
rm package.lock.json (rm yarn.lock) package.lock.jsonかyarn.lock。どちらか存在するほうを削除。
npm i or yarn i
ローカルサーバーを立たてる or あなたのやりたかったこと

何をやっているかというと

1はnodeのプロセスを殺しています。どこかでlocalServerが立っている可能性を消しています
2はあなたのcurrentにpackage.jsonがあることを確認しています
3は依存関係が書かれているファイルを削除してます。これはnpm i時に自動で生成されます
3はnode_modulesが秘伝のタレになっている可能性を除去しています
4はもう一度モジュールを入れ直しています
5であなたがやりたかったコマンドを打ってください

以上、解決法になります。
私の場合は、npmの再インストールと全てのコマンドでsudoを使うことで解決しました（ディレクトリの管理者権限が設定されていなかったことも原因だったようです）

投稿2020/10/27 14:25

Noboru_Ryu

総合スコア4