Không thể có được webpack nóng mô-đun thay thế để làm việc

Question

tôi đã thiết lập thành công WebPack - nó biên dịch babel tôi và SCSS tập tin tốt, và tôi đã nhận các chức năng đồng hồ để làm việc tốt. Nhưng tôi cũng muốn làm việc với các mô-đun thay thế nóng - và tôi đang gặp khó khăn để nó đi. Khi tôi tải máy chủ dev trong trình duyệt của tôi, nó hiển thị Cannot resolve module 'webpack/hot/dev-server'. cấu hình của tôi trông như thế này:

import webpack from 'webpack'; 
import wpServer from 'webpack-dev-server'; 

var compiler = webpack({ 
    entry: [ 
     './src/core.js', 
     'webpack/hot/dev-server' 
    ], 
    output: { 
     path: outPath, 
     filename: '[name].js' 
    }, 
    resolveLoader: { root: path.join(MODULE_PATH, "node_modules") }, 
    module: { 
     loaders: [ 
      { test: /\.js$/, exclude: /node_modules/, loader: 'babel-loader' }, 
      { test: /\.scss$/, loader: "style!css!sass" } 
     ] 
    }, 
    plugins: [new webpack.HotModuleReplacementPlugin()], 
    watch: true 
}); 

var server = new wpServer(compiler, { 
    contentBase: outPath, 
    hot: true, 
    quiet: false, 
    noInfo: false, 
    lazy: true, 
    filename: "main.js", 
    watchDelay: 300, 
    headers: { "X-Custom-Header": "yes" }, 
    stats: { colors: true }, 
}); 
server.listen(8080, "localhost", function() {}); 

và index.html của tôi chứa:

<script src="http://localhost:8080/webpack-dev-server.js"></script> 
<script src='main.js'></script> 

Có ai có bất kỳ ý tưởng?

Answer 1

Nếu bạn đã cài đặt webpack-dev-server trên toàn cầu, là npm install webpack-dev-server -g, hãy thử cài đặt cục bộ (chỉ cần xóa tùy chọn -g).

tôi giải quyết vấn đề này bằng cách làm như vậy.

Answer 2

Tôi chạy vào một vấn đề tương tự. Tôi đã sửa nó bằng cách cài đặt webpack chính nó cục bộ. Để cài đặt webpack như một sự phụ thuộc dev địa phương: npm i -D webpack

Answer 3

---

QUAN TRỌNG

---

Nếu bạn đang sử dụng webpack@2.xxbeta chắc chắn rằng bạn cài đặt

webpack-dev-server@2.0.0-beta 

Chỉ cần chạy npm install webpack-dev-server sẽ không hoạt động tốt với webpack 2.

Điều này có thể chỉ đúng trong khi phiên bản 2 vẫn đang trong giai đoạn thử nghiệm.

---

Tôi cũng cố gắng làm việc này vì tài liệu về chủ đề này rất bị phân mảnh.

Tìm thấy ví dụ làm việc đơn giản này:

https://github.com/ahfarmer/webpack-hmr-starter-dev-server-api

Mã là khá tự giải thích.