web-dev-qa-db-ja.com

webpack-dev-serverモジュール 'webpack'が見つかりません

Webpack-dev-serverを使用して簡単なプログラムを実行しようとしていますが、このエラーが表示されます。

module.js:471
    throw err;
    ^

Error: Cannot find module 'webpack'
    at Function.Module._resolveFilename (module.js:469:15)
    at Function.Module._load (module.js:417:25)
    at Module.require (module.js:497:17)
    at require (internal/module.js:20:19)
    at Object.<anonymous> 
    at Module._compile (module.js:570:32)
    at Object.Module._extensions..js (module.js:579:10)
    at Module.load (module.js:487:32)
    at tryModuleLoad (module.js:446:12)
    at Function.Module._load (module.js:438:3)

私は次のnpmコマンドでwebpackをインストールしました

npm install --save-dev webpack

そして、私は次の構成を持っています：

(webpack.config.js)
var webpack = require('webpack');
var path = require('path');

var BUILD_DIR = path.resolve(__dirname, 'client/public');
var APP_DIR = path.resolve(__dirname, 'client/app');

var config = {
  entery: APP_DIR + '/index.js',
  output: {
    path: BUILD_DIR,
    filename: 'bundle,js',
  },
  module: {
    loaders: [
      {
        test: /.jsx?$/,
        loader: 'babel-loader',
        exclude: /node_modules/,
        query: {
          presets: ['es2015', 'react']
        }
      }
    ]
  }
};

module.exports = config;

私はすべてを試してみましたが、本当に迷っています。誰にもアイデアがありますか？

node.jsreactjswebpackwebpack-dev-server
39
yonBav

npm install --save-dev webpackでは不十分です。

以下もインストールする必要があります。

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

また、オプションで、インストールすることもできます：

npm install --save-dev webpack-dev-middleware webpack-hot-middleware
60
Abdennour TOUMI

同じ問題がありましたが、webpack-cliを追加インストールすることで解決しました

npm install --save-dev webpack-cli
8
Hùng Ng Vi