Continua a ricevere [WDS] Disconnected! error

Question

Attualmente sto iniziando su ReactJs. Tuttavia, ho incontrato il seguente errore nella console, che coloro che fanno non mostra nel terminale:!?

[WDS] Disconnected sock.onclose @ client di 64c0: 70EventTarget.dispatchEvent @ eventtarget.js: 49 (funzione anonima) @ main.js: 356

abstract-xhr.js: 128 ASSICURATI http://127.0.0.0/sockjs-node/info?t=1461853324372 net :: ERR_CONNECTION_TIMED_OUT

e 'alla ricerca di "sockjs nodi", che ho installato localmente e globalmente, tuttavia nessun cambiamento. Non dovrebbe cercare la cartella "node_modules"?

Ecco la mia configurazione:

var webpack = require("webpack"); 
var path = require("path"); 


module.exports = { 

    devtool: "inline-source-map", 
    entry: [ 
     "webpack-dev-server/client?http://127.0.0.0/", 
     "webpack/hot/only-dev-server", 
     "./src" 
    ], 
    devServer: { 
     contentBase: "./public", 
     hot: true,  
     inline: true, 
     quiet: false, 
     noInfo: true, 
     stats: { colors: true } 
    }, 
    output: { 
     path: path.join(__dirname, "./public"), 
     filename: "./assets/js/bundle.js" 
    }, 
    resolve: { 
     modulesDirectrories: ["node_modules", "src"], 
     extentions: ["", ".js"] 
    }, 
    module : { 
     loaders: [ 
      { 
       test: /\.jsx?$/, 
       exclude: "/node_modules/", 
       loaders: ["react-hot-loader", "babel?presets[]=react,presets[]=es2015"] 
      }, 
      { 
       test: /\.css$/, 
       loader: "style-loader!css-loader" 
      }, 
      { 
       test: /\.gif$/, 
       loader: "url-loader?mimetype=image/png" 
      }, 
      { 
       test: /\.woff(2)?(\?v=[0-9].[0-9].[0-9])?$/, 
       loader: "url-loader?mimetype=application/font-woff" 
      }, 
      { 
       test: /\.(ttf|eot|svg)(\?v=[0-9].[0-9].[0-9])?$/, 
       loader: "file-loader?name=[name].[ext]" 
      } 
     ] 
    }, 
    plugins: [ 
     new webpack.HotModuleReplacementPlugin(), 
     new webpack.NoErrorsPlugin(), 
     new webpack.DefinePlugin({ 
      "process.env": { 
       NODE_ENV: JSON.stringify("development") 
      } 
     }) 
    ] 

} 

Ogni aiuto è apprezzato, e grazie in anticipo.

Answer 1

Il problema sembra essere che non avete inserito il numero della porta nell'URL webpack-dev-server/client?http://127.0.0.0/

Change Questo

entry: [ 
    "webpack-dev-server/client?http://127.0.0.0/", 
    "webpack/hot/only-dev-server", 
    "./src" 
], 

A:

entry: [ 
    "webpack-dev-server/client?http://127.0.0.0:8080/", 
    "webpack/hot/only-dev-server", 
    "./src" 
], 

Answer 2

ho risolto in questo modo;

così com'è:

entry: [ 
    "webpack-dev-server/client?http://localhost:9090", 
    "webpack/hot/only-dev-server", 
    "./src/app" 
    ], 

to-be:

entry: [ 
    "webpack-dev-server/client?http://127.0.0.0:8080", 
    "webpack/hot/only-dev-server", 
    "./src" 
    ], 

Answer 3

Non è necessario cambiare webpack.config.js

Prova fissaggio in package.json (inizio server di sulla porta 3000 invece di standard 8080):

"start": "./node_modules/.bin/webpack-dev-server --host localhost --port 3000 --content-base src --inline --hot", 

Answer 4

in index.htm percorso cambiamento:

<link rel="stylesheet" href="./main.css"> 
    <script src="./main.js"></script> 

a

<link rel="stylesheet" href="/main.css"> 
    <script src="/main.js"></script> 

Answer 5

In development.js file di cercare di utilizzare le seguenti impostazioni per dev_server:

dev_server: { 
    host: '127.0.0.0' 
    port: 8080 
    https: false 
    disableHostCheck: true 
}