[解決済み] Webpack - webpack-dev-server: コマンドが見つかりません。
2022-08-30 06:06:04
質問
私はwebpackを使ってReactのWebアプリケーションを作成しています。 このチュートリアル .
誤って、node_modules フォルダを git に追加してしまいました。その後、再び
git rm -f node_modules/*
.
さて、webpackのサーバーを起動してみると、以下のようなエラーが表示されます。
> webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors
sh: webpack-dev-server: command not found
npm ERR! Darwin 14.4.0
npm ERR! argv "node" "/usr/local/bin/npm" "run" "devserve"
npm ERR! node v0.12.4
npm ERR! npm v2.10.1
npm ERR! file sh
npm ERR! code ELIFECYCLE
npm ERR! errno ENOENT
npm ERR! syscall spawn
npm ERR! [email protected] devserve: `webpack-dev-server -d --config webpack.dev.config.js --content-base public/ --progress --colors`
npm ERR! spawn ENOENT
最初は自分のプロジェクトだけの問題かと思いましたが、チュートリアルのコードのチェックポイントをチェックしてみると、同じエラーでした。同じエラーです!つまり、グローバルに何かが台無しになっているようです。
以下は、これまでに私が試したことです。
-
rm node_modules
で再インストールしnpm install
-
npm cache clean
については、誰かが言っていたように githubのこの問題 -
でグローバルに webpack をインストールします。
npm install -g webpack
- システムから node と npm を完全に削除します。 このガイド を使って)削除し、brew を使って再インストールしました。
エラーメッセージはまだ続いています。他に何を試せばよいでしょうか。
追記:このサイトのコンテンツである
webpack.dev.config.js
は
var config = require('./webpack.config.js');
var webpack = require('webpack');
config.plugins.push(
new webpack.DefinePlugin({
"process.env": {
"NODE_ENV": JSON.stringify("development")
}
})
);
module.exports = config;
どのように解決するのですか?
なるほど、簡単でしたね。
npm install webpack-dev-server -g
最初は必要なかったのですが、おそらく新しいバージョンで状況が変わったのでしょう。
関連
-
[解決済み】エラー TRK0005: 位置特定に失敗しました。"CL.exe"
-
[解決済み】nodemon - app crashed - waiting for file changes before start
-
[解決済み】「npm install」と「npm rebuild」の違いとは?
-
[解決済み】npm 5で作成されたpackage-lock.jsonファイルはコミットするのでしょうか?
-
[解決済み] bodyParser は非推奨です express 4
-
[解決済み] MongoClient v3.0使用時、db.collectionが関数でない
-
[解決済み] E: npm パッケージを見つけることができません。
-
[解決済み] -saveと-save-devの違いは何ですか?
-
[解決済み] Node.jsのプログラムにコマンドライン引数を渡すにはどうしたらいいですか?
-
[解決済み] npmスクリプトへのコマンドライン引数の送信
最新
-
nginxです。[emerg] 0.0.0.0:80 への bind() に失敗しました (98: アドレスは既に使用中です)
-
htmlページでギリシャ文字を使うには
-
ピュアhtml+cssでの要素読み込み効果
-
純粋なhtml + cssで五輪を実現するサンプルコード
-
ナビゲーションバー・ドロップダウンメニューのHTML+CSSサンプルコード
-
タイピング効果を実現するピュアhtml+css
-
htmlの選択ボックスのプレースホルダー作成に関する質問
-
html css3 伸縮しない 画像表示効果
-
トップナビゲーションバーメニュー作成用HTML+CSS
-
html+css 実装 サイバーパンク風ボタン
おすすめ
-
[解決済み】「安全なTLS接続が確立される前にクライアントのネットワークソケットが切断されました」(ノード10
-
[解決済み] エラー: nodejs の get 呼び出しで getaddrinfo ENOTFOUND が発生しました。
-
[解決済み】MongoClient v3.0使用時、db.collectionは関数ではない
-
[解決済み】ブロックスコープの宣言は、ストリクトモード以外ではまだサポートされていません。
-
[解決済み] nodeファイルの先頭にある"/usr/bin/env node "は、具体的には何をするのですか?
-
[解決済み] Heroku "状態が起動から停止に変更されました SIGTERMで全プロセスを停止"
-
[解決済み] nodejs - http.requestでresponse.writeを使用する場合、第一引数は文字列またはBufferでなければなりません。
-
[解決済み] Yarn にパッケージを強制的に再インストールさせるにはどうしたらいいですか?
-
[解決済み] webpackコマンドが動作しない
-
[解決済み] Node.jsを完全にアンインストールして、最初から再インストールする方法 (Mac OS X)