webpack-dev-server không thể tìm thấy mô-đun 'webpack'

Question

Tôi đang cố gắng sử dụng webpack-dev-server để chạy một chương trình đơn giản nhưng tôi nhận được lỗi này:

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) 

Tôi đã cài đặt webpack với sau lệnh NPM

npm install --save-dev webpack 

và tôi có cấu hình như sau:

(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; 

tôi hav e đã thử tất cả mọi thứ và tôi thực sự bị mất. Có ai có ý tưởng gì không?

Answer 1

npm install --save-dev webpack là không đủ.

Bạn phải cài đặt cũng như sau:

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

Và tùy chọn, bạn có thể cài đặt thêm:

npm install --save-dev webpack-dev-middleware webpack-hot-middleware