Продолжайте отключать [WDS]! ошибка

В настоящее время я начинаю работу с ReactJs. Тем не менее, я столкнулся с следующей ошибкой в консоли, которые не отображаются в терминале:

[WDS] Disconnected! sock.onclose @client? 64c0: 70EventTarget.dispatchEvent @eventtarget.js: 49 (анонимная функция) @main.js: 356

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

Он ищет "sockjs- node", который я установил локально и глобально, однако никаких изменений. Не следует ли искать в папке node_modules?

Вот моя конфигурация:

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")
            }
        })
    ]

}

Любая помощь приветствуется, и спасибо заранее.

Ответы

Ответ 1

Я исправил это следующим образом:

as-is:

  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"
  ],

Ответ 2

Проблема заключается в том, что вы не включили номер порта в url webpack-dev-server/client?http://127.0.0.0/

Измените это

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

To:

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

Ответ 3

Вам не нужно менять webpack.config.js

Попробуйте выполнить установку package.json (запустите сервер на порт 3000 вместо стандарт 8080):

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

Ответ 4

В файле development.js попробуйте использовать следующие параметры для dev_server:

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

Ответ 5

в index.htm изменить путь:

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

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