继续获取[WDS]断开连接！错误

我目前正在开始使用ReactJs。不过，我已经遇到以下错误在控制台其中实干家在终端不显示！？

[WDS]断开sock.onclose @客户64c0：70EventTarget.dispatchEvent @ eventtarget.js：49（匿名函数）@ main.js：356

抽象xhr.js：128 GET http://127.0.0.0/sockjs-node/info?t=1461853324372网:: ERR_CONNECTION_TIMED_OUT

它寻找我已经在本地和全球的装机量 “sockjs节点”，然而不用找了。它不应该搜索“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") 
      } 
     }) 
    ] 

}

任何帮助表示赞赏，并感谢提前。

来源

2016-04-28 meji

您的应用运行在端口8080，但你是HMR正在监听80端口。试试这个：''webpack-dev-server/client？http：//127.0.0.0：8080 /“' – lux

谢谢lux ...现在它获取socket模块。但仍显示“[WDS]断开连接！” – meji

嗯，除了我使用localhost而不是本地IP外，我的条目看起来是一样的：'entry = [webpack-dev-server/client？http：// localhost：8080'， 'webpack/hot/only-dev-服务器'， '。/ src/bootstrap' ]' – lux

的问题似乎是，你还没有包含在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" 
],

要：

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

来源

2016-07-12 08:17:00

我固定它像这样;

原样：

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

将要：

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

来源

2016-08-23 03:58:08 Victoria

即将生效的部分有不同的端口号，但对我来说，问题是通过用IP地址替换localhost来解决的。 –

你并不需要改变webpack.config.js

尝试固定在package.json（3000端口开始服务器而不是标准 8080）：

在

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

来源

2017-05-04 22:24:38

这不适合我。你能解释为什么它应该有所作为吗？ – aioobe

-1

index.htm变化路径：

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

到

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

来源

2017-10-20 19:20:40

在development.js文件尝试使用以下设置dev_server：

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

来源

2018-02-01 07:06:30 k1r8r0wn

继续获取[WDS]断开连接！错误

回答

相关问题