2016-08-03 26 views
0

läuft ich die folgende Störung erhalte:Webpack Fehler, wenn "webpack" Befehl

[HMR] Waiting for update signal from WDS... 

als ich "webpack" im Terminal

meine webpack Config js Datei ausgeführt ist wie folgt:

var webpack = require('webpack'); 

module.exports = { 
    entry: [ 
     'webpack-dev-server/client?http://localhost:8080', 
     'webpack/hot/only-dev-server', 
     './src/index.js' 
    ], 
    module: { 
     loaders: [{ 
      test: /\.js?$/, 
      exclude: /node_modules/, 
      loader: 'react-hot!babel' 
     }] 
    }, 
    resolve: { 
     extensions: ['', '.js'] 
    }, 
    output: { 
     path: 'dist', 
     publicPath: '/', 
     filename: 'bundle.js' 
    }, 
    devServer: { 
     contentBase: './dist', 
     hot: true 
    }, 
    plugins: [ 
     new webpack.HotModuleReplacementPlugin() 
    ] 
}; 

und meine package.json wie folgt:

{ 
    "name": "hwr", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "test": "echo \"Error: no test specified\" && exit 1" 
    }, 
    "keywords": [], 
    "author": "", 
    "license": "ISC", 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    }, 
    "devDependencies": { 
    "babel-core": "^6.11.4", 
    "babel-loader": "^6.2.4", 
    "babel-preset-es2015": "^6.9.0", 
    "babel-preset-react": "^6.11.1", 
    "react-hot-loader": "^1.3.0", 
    "webpack": "^1.13.1", 
    "webpack-dev-server": "^1.14.1" 
    }, 
    "dependencies": { 
    "history": "^3.0.0", 
    "react": "^15.3.0", 
    "react-dom": "^15.3.0", 
    "react-router": "^2.6.1" 
    } 
} 

Woher kommt dieser Fehler?

Antwort

1

Es ist kein Fehler, Sie haben das Hot Module Replacement (daher das [HMR]) -Feature in Ihrem Webpack-Build aktiviert. Das ist nur eine der Protokollmeldungen, die von der HMR-Funktion kommen. Klingt, als würdest du HMR nicht einschalten wollen? In diesem Fall sollten Sie 'webpack-dev-server/client?http://localhost:8080', 'webpack/hot/only-dev-server' Einträge von Ihren Einstiegspunkten entfernen, den react-hot Loader und in Ihrem Loader-Eintrag die new webpack.HotModuleReplacementPlugin() von Plugins und hot: true von Ihren Dev-Server-Einstellungen.