web-dev-qa-db-ja.com

[WDS]の接続を解除してください！エラー

enter image description here

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

}

どんな助けでも感謝します、そして、事前に感謝します。

javascriptnode.jsreactjs
34
meji

このように修正しました。

そのまま ：

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

問題は、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"
],
3
Paras Dahal

私にとっては、次の内容のルートプロジェクトでファイルvue.config.jsを作成したときに解決しました。

module.exports = {
  devServer: {
    disableHostCheck: true
  }
}
3
Arlei F. Farnetani Junior

この場合、問題は、webpack-dev-serverがアセットの提供に使用していたホスト名と、アプリケーションの実行元のホスト名との不一致が原因でした。

具体的には、ローカルアプリケーションは https://dev.resumize.me から実行されていましたが、webpack-dev-serverは127.0.0.1からアセットを提供していました。

オプションwebpack-dev-serverを使用して、--Hostで使用されるホスト名を制御できます。したがって、私たちの場合、次のようにして起動する必要がありました。

webpack-dev-server.js --Host dev.resumize.me --https

お役に立てれば。

0
Luca Fagioli

webpack.config.jsを変更する必要はありません

package.json（標準 8080ではなく、ポート3000でserverを開始）で修正してみてください。

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

development.jsファイルで、dev_serverに次の設定を使用してください。

dev_server: {
    Host: '127.0.0.0'
    port: 8080
    https: false
    disableHostCheck: true
}
0
k1r8r0wn

angularを使用しています。webpackサーバーをdev-dependencyとして使用しています。私は答えを探していましたが、適切なものを見つけることができませんでした。

注：これは単なる回避策であり、実際の問題の修正ではありません

次のファイルを開きます

YOUR_PROJECT_ROOT\node_modules\webpack-dev-server\client\index.js

メソッド内でonSocketMsg、function ok（）行reloadApp（）をコメント化

これにより、アプリが継続的にリロードされなくなります。これにより、変更を加えてもアプリケーションのリロードが停止します。ただし、ブラウザはいつでも手動でリロードでき、変更が反映されます。

0
Rahul kalivaradarajalu