1. ホーム
  2. node.js

[解決済み] 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

最初は必要なかったのですが、おそらく新しいバージョンで状況が変わったのでしょう。