はじめに

こんにちは。

子育て中の現役看護師で、エンジニア転職を目指して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 がインストールされているかを確認しました。

yarn list --depth=0 | grep 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

最後に、もう一度 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`

初学者のため、間違えていたらすいません。
引き続き、学習を続けて行きます。