Reçois [WDS] Déconnecté! erreur
je commence actuellement sur ReactJs. Cependant, je suis tombé sur l'erreur suivante dans la console qui ne s'affiche pas dans le terminal:
[WDS] déconnecté!chaussette.onclose @ client?64c0: 70EventTarget.dispatchEvent @ eventtarget.js: 49 (fonction anonyme) @ main.js: 356
résumé xhr.js: 128 GET http://127.0.0.0/sockjs-node/info?t=1461853324372 net:: ERR_CONNECTION_TIMED_OUT
il est à la recherche de "sockjs-node" que j'ai installé localement et globalement, cependant aucun changement. Ne devrait-il pas chercher dans le dossier "node_modules"?
Voici ma configuration:
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")
}
})
]
}
Toute aide est appréciée, et merci d'avance.
6 réponses
j'ai corrigé comme ceci:
en tant que-est :
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"
],
Le problème semble être que vous n'avez pas compris le numéro de port dans l'url webpack-dev-server/client?http://127.0.0.0/
Modifier
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"
],
Vous n'avez pas besoin de changer webpack.config.js
Essayez de fixer dans package.json
(start serveur sur le port 3000 au lieu de standard 8080):
"start": "./node_modules/.bin/webpack-dev-server --host localhost --port 3000 --content-base src --inline --hot",
development.js
fichier essayez d'utiliser les paramètres suivants pour dev_server
:
dev_server: {
host: '127.0.0.0'
port: 8080
https: false
disableHostCheck: true
}
j'utilise angular et j'utilise le serveur webpack comme une dépendance dev. Je cherchais une réponse et je n'ai pas pu en trouver une qui me convienne.
Note: C'est juste une solution de contournement et pas une correction pour le problème actuel
ouvrez le fichier suivant
YOUR_PROJECT_ROOT\node_modules\webpack-dev-server\client\index.js
dans la méthode onSocketMsg , le ok de fonction() commentaire de la ligne reloadApp().
ceci empêche l'application de se recharger en continu. Cela empêche l'application de recharger même si vous effectuez vos modifications. Mais vous pouvez toujours recharger votre navigateur manuellement et vos changements de réfléchir.
index.htm
changer de chemin:
<link rel="stylesheet" href="./main.css">
<script src="./main.js"></script>
<link rel="stylesheet" href="/main.css">
<script src="/main.js"></script>