はじめに
こんにちは。
子育て中の現役看護師で、エンジニア転職を目指してRuby on Railsを勉強しています。
JavaScript を扱うために yarn add jquery を実行後、エラーが出たため、今後のために残します。
やりたかったこと
Rails アプリに jQuery を追加 したかったので、以下のコマンドを実行しました。
yarn add jquery
すると、エラーが発生
error Command "webpack-dev-server" not found.
jquery を入れた際に、webpack-dev-server が見つからないエラーに直面。
🚨 エラーの原因
このエラーの原因は webpack-dev-server がインストールされていないか、正しく設定されていない可能性があるとのこと。
そこで、以下の手順を行う。
解決方法
webpack-dev-server がインストールされているか確認
まず、現在 webpack-dev-server がインストールされているかを確認しました。
yarn list --depth=0 | grep webpack-dev-server
上記を行いましたが、 何も表示されず。
webpack-dev-server がインストールされていませんでした。
webpack-dev-server をインストール
適切なバージョン (3.11.2) を手動でインストール。
yarn add webpack-dev-server@3.11.2 --dev
依存関係を整理
すべてのパッケージを整理するために、yarn install を実行。
yarn install
それでも動かなければ、node_modules を削除して再インストール。
rm -rf node_modules yarn.lock
yarn install
bin/webpack-dev-server を再実行
最後に、もう一度 webpack-dev-server を実行して動作確認。
bin/webpack-dev-server
上記の流れで、無事に動きました！
まとめ
| やったこと | コマンド |
|---|---|
yarn add jquery を実行したらエラー発生 |
error Command "webpack-dev-server" not found. |
webpack-dev-server が入っているか確認 |
yarn list --depth=0 | grep webpack-dev-server |
webpack-dev-server を手動インストール |
yarn add webpack-dev-server@3.11.2 --dev |
| 依存関係を整理 |
yarn install or rm -rf node_modules yarn.lock && yarn install
|
bin/webpack-dev-server を実行して確認 |
bin/webpack-dev-server |
参考
初学者のため、間違えていたらすいません。
引き続き、学習を続けて行きます。