npm startができない!

React.jsのチュートリアルに沿って勉強し始めたのですが、  > npm start を実行したところ、以下のエラーが…

 

長い…

{ユーザ名} の部分に自信のユーザ名が入ります。

また、今回の私の場合は webpack のバージョンがエラー原因でしたが、他のパッケージの場合でも同様の対処ができますので、参考になればと思います。

 

まずは結論

結論から言うと「該当するパッケージをカレントディレクトリから削除してから再度 npm installです。

  • Windowsの場合は、 C:\Users\{ユーザ名}\node_modules\
  • Macの場合はホームディレクトリ()

の node_modules ディレクトリ内に存在する該当パッケージ(今回の場合は webpack)を削除した上で、再度 npm install を実行することで解決できます!

 

原因

過去に  npm install -g パッケージ名 のようにグローバルインストールを行ったことで、カレントディレクトリにある node_module にパッケージがインストールされ、そのバージョンがプロジェクトと一致しないため起こったエラーです。

グローバルインストールとローカルインストールに関しては以下の記事をご覧下さい。

npmのグローバルインストールとローカルインストール – Qiita

 

参考にした記事

いっちょReactやってみよう!としたらnpm start出来なかった – DevelopersIO

 

今回のブログ曲

今回投稿中に聴いていた曲はこちら

カテゴリー: React.js

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です