npmでpermission deniedへの対処


はじめに

Vue.jsを導入し、vue createした所、


✨  Creating project in /Users/username/test.
🗃  Initializing git repository...
⚙  Installing CLI plugins. This might take a while...

Unhandled rejection Error: EACCES: permission denied, mkdir '/Users/username/.npm/_cacache/index-v5/a4/4d'

Unhandled rejection Error: EACCES: permission denied, mkdir '/Users/username/.npm/_cacache/index-v5/18/8b'

中略

npm ERR! A complete log of this run can be found in:
npm ERR!     /Users/username/.npm/_logs/2019-08-23T17_24_55_583Z-debug.log
 ERROR  command failed: npm install --loglevel error

と言うエラーが吐かれたので対処します

対処法

permission deniedだったのでnpmへのアクセス権限関係の事かなーと予想を立てつつ検索。
こちらの記事を参考にさせて頂き、対処してみましたが、うまくいきません。

エラー文に https://npm.community/ でエラーを報告してね!と書いてあったので、見に行くと同じ様なエラーが出ている人がいました。
結論としては

sudo chown -R $(whoami) ~/.npm

の一行で解決しました。

まとめ

結局、最初の予想通りでしたが回り道をしてしまいました。
初歩で躓いていたので解決しませんでしたが、また別のときpermission deniedのエラーが出た時は最初に見たQiitaの記事を参考にさせていただきたいと思います!
英語のサイトをちゃんと見る重要性を感じたので、この気持ちを忘れない様にしたい。

参考にしたサイト

https://qiita.com/okohs/items/ced3c3de30af1035242d
https://npm.community/t/unhandled-rejection-errors/5296