2015-12-19 31 views
14

साथ webpack-देव-सर्वर प्रारंभ नहीं कर सकता यह ठीक चलाता है:घूंट

:

$ webpack-dev-server 
http://localhost:3333/ 
webpack result is served from /./assets/ 
content is served from C:\Users\Komo\Documents\work\training 
Hash: e705c984af7e83cbb685 
Version: webpack 1.12.9 
Time: 8556ms 
    Asset Size Chunks    Chunk Names 
bundle.js 905 kB  0 [emitted] main 
chunk {0} bundle.js (main) 855 kB [rendered] 
... 
webpack: bundle is now VALID. 

मैं घूंट के साथ इसे शुरू करने के कोशिश कर रहा हूँ यहाँ मेरी gulpfile.js है:

var gulp    = require('gulp'); 
var gutil   = require('gulp-util'); 
var webpack   = require('webpack'); 
var WebpackDevServer = require('webpack-dev-server'); 
var webpackConfig = require('./webpack.config.js'); 


gulp.task('webpack-dev-server', function (c) { 
    var myConfig = Object.create(webpackConfig); 

    myConfig.devtool = 'eval'; 
    myConfig.debug = true; 

    // Start a webpack-dev-server 
    new WebpackDevServer(webpack(myConfig), { 
     stats: { 
      colors: true 
     } 
    }).listen(myConfig.devServer.port, 'localhost', function (err) { 
     if (err) { 
      throw new gutil.PluginError('webpack-dev-server', err); 
     } 
     gutil.log('[webpack-dev-server]', 'http://localhost:3333/index.html'); 
    }); 
}); 

// The default task (called when you run `gulp` from cli) 
gulp.task('default', ['webpack-dev-server']); 

और मेरे webpack.config.js:

module.exports = { 
    entry: './main.js', 
    output: { 
     path: './', 
     publicPath: './assets/', 
     filename: 'bundle.js' 
    }, 
    devServer: { 
     inline: true, 
     port: 3333 
    }, 
    module: { 
     loaders: [ 
      { 
       test: /\.js$/, 
       exclude: /node_modules/, 
       loader: 'babel', 
       query: { 
        presets: ['es2015', 'react'] 
       } 
      } 
     ] 
    } 
} 
,210

मैं निम्नलिखित त्रुटि मिलती है:

$ gulp 
[13:56:24] Using gulpfile ~\Documents\work\training\gulpfile.js 
[13:56:24] Starting 'webpack-dev-server'... 
[13:56:24] [webpack-dev-server] http://localhost:3333/index.html 

Error: invalid argument 
    at pathToArray (C:\Users\Komo\Documents\work\training\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\node_modules\memory-fs\lib\MemoryFileSystem.js:44:10) 
    at MemoryFileSystem.mkdirpSync (C:\Users\Komo\Documents\work\training\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\node_modules\memory-fs\lib\MemoryFileSystem.js:139:13) 
    at MemoryFileSystem.(anonymous function) [as mkdirp] (C:\Users\Komo\Documents\work\training\node_modules\webpack-dev-server\node_modules\webpack-dev-middleware\node_modules\memory-fs\lib\MemoryFileSystem.js:279:34) 
    at Compiler.<anonymous> (C:\Users\Komo\Documents\work\training\node_modules\webpack\lib\Compiler.js:229:25) 
    at Compiler.applyPluginsAsync (C:\Users\Komo\Documents\work\training\node_modules\webpack\node_modules\tapable\lib\Tapable.js:60:69) 
    at Compiler.emitAssets (C:\Users\Komo\Documents\work\training\node_modules\webpack\lib\Compiler.js:226:7) 
    at Watching.<anonymous> (C:\Users\Komo\Documents\work\training\node_modules\webpack\lib\Compiler.js:54:18) 
    at C:\Users\Komo\Documents\work\training\node_modules\webpack\lib\Compiler.js:403:12 
    at Compiler.next (C:\Users\Komo\Documents\work\training\node_modules\webpack\node_modules\tapable\lib\Tapable.js:67:11) 
    at Compiler.<anonymous> (C:\Users\Komo\Documents\work\training\node_modules\webpack\lib\CachePlugin.js:40:4) 

क्या मैं गलत कर रहा हूँ?

+0

आप 'Object.create' का उपयोग क्यों कर रहे हैं? बस उस भाग को हटा दें। – Louy

+0

कुछ भी नहीं बदला – Komo

+0

वही त्रुटि? ऐसा लगता है कि यह आपकी 'आउटपुट' कॉन्फ़िगरेशन को पहचान नहीं रहा है। – Louy

उत्तर

30

आपको output.path को absolute directory के रूप में सेट करना चाहिए और यह काम करेगा।

module.exports = { 
    entry: './main.js', 
    output: { 
     path: __dirname + '/', 
     publicPath: './assets/', 
     filename: 'bundle.js' 
    }, 
    ... 
} 
+1

धन्यवाद आदमी, यह काम करता है! – Komo

+0

@blint मैं वेबपैक https का उपयोग कर रहा हूं (वेबपैक-डीवी-सर्वर --https --port 8080) gulp का उपयोग करके इसे कैसे प्राप्त करें? मैंने इसके लिए कार्य जोड़ने की कोशिश की, बंडल हो रहा है और यह कोई त्रुटि नहीं फेंक रहा है लेकिन सर्वर शुरू नहीं हुआ है – ShaMoh

संबंधित मुद्दे