काम करने के लिए वेबपैक हॉट मॉड्यूल प्रतिस्थापन नहीं मिल सकता

Question

मैंने वेबपैक सफलतापूर्वक स्थापित किया है - यह मेरे बेबेल और एससीएसएस फ़ाइलों को ठीक से संकलित कर रहा है, और मुझे घड़ी की कार्यक्षमता ठीक काम करने के लिए मिला है। लेकिन मैं हॉट मॉड्यूल प्रतिस्थापन के साथ भी काम करना चाहूंगा - और मुझे इसे जाने में कठिनाइयों का सामना करना पड़ रहा है। जब मैं अपने ब्राउज़र में dev सर्वर लोड करता हूं तो यह Cannot resolve module 'webpack/hot/dev-server' दिखाता है। मेरे config इस तरह दिखता है:

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() {}); 

और मेरे index.html शामिल हैं:

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

किसी को भी किसी भी विचार है?

Answer 1

यदि आपने वैश्विक स्तर पर webpack-dev-server स्थापित किया है, जो npm install webpack-dev-server -g है, तो इसे स्थानीय रूप से इंस्टॉल करने का प्रयास करें (केवल -g विकल्प को हटाएं)।

मैंने ऐसा करके इस समस्या को हल किया।

Answer 2

मैं एक समान मुद्दे में भाग गया। मैंने इसे वेबपैक को स्थानीय रूप से इंस्टॉल करके तय किया है। एक स्थानीय देव निर्भरता के रूप में webpack स्थापित करने के लिए: यदि आप webpack@2.xxbeta यह सुनिश्चित कर लें उपयोग कर रहे हैं npm i -D webpack

Answer 3

---

महत्वपूर्ण

---

आप स्थापित

webpack-dev-server@2.0.0-beta 

बसचल रहा है वेबपैक के साथ अच्छा नहीं खेलेंगे 2.

यह शायद सच होगा जबकि संस्करण 2 अभी भी बीटा में है।

---

मैं इस काम को प्राप्त करने में भी संघर्ष कर रहा हूं क्योंकि इस विषय पर प्रलेखन बहुत खंडित है।

मिले इस सरल काम कर उदाहरण:

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

कोड सुंदर आत्म व्याख्यात्मक है।