'webpack-dev-server' は内部コマンドまたは外部コマンドとして認識されません。質問する

'webpack-dev-server' は内部コマンドまたは外部コマンドとして認識されません。質問する

pluralsight のチュートリアルに従って、gitbash を使用して github からこの Webpack Starter パッケージをクローンしました。Visual Studio Code の統合ターミナルから webpack にアクセスしようとしていますが、次のエラーが発生します。私はこの分野に不慣れなので、どうか助けてください。

コマンドを実行しています

 Raza Zaidi@RazaZaidi-PC MINGW64 ~/webpack-starter (master)
$ npm run dev

そして次のエラーが発生します

> [email protected] dev C:\Users\Raza Zaidi\webpack-starter
> webpack-dev-server --open --config webpack/webpack.config.dev.js

'webpack-dev-server' is not recognized as an internal or external command,
operable program or batch file.
npm ERR! code ELIFECYCLE
npm ERR! errno 1
npm ERR! [email protected] dev: `webpack-dev-server --open --config webpack/webpack.config.dev.js`
npm ERR! Exit status 1
npm ERR!
npm ERR! Failed at the [email protected] dev script.
npm ERR! This is probably not a problem with npm. There is likely additional logging output above.

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\Raza Zaidi\AppData\Roaming\npm-cache\_logs\2018-08-14T20_16_29_017Z-debug.log

ベストアンサー1

Webpack コマンドは次の場所に存在する必要があります:node_modules\.bin\

この場合、package.json ファイルでは webpack-dev-server を参照していますが、ローカルには webpack-dev-server が存在しません。

まず、グローバル インストールのために次のコマンドを実行します。

npm install -g webpack-dev-server

次に、ローカル インストール コマンドを実行します。これにより、以下が作成されますnode_modules\.bin\webpack-dev-server

npm install webpack-dev-server --save-dev

おすすめ記事