Javascript Girl
  1. Javascript Girl
  3. Continuez à avoir déconnecté! Erreur
Intereting Posts
Comment éditer le contenu du tableau à partir d'une autre page en utilisant javascript Comment appeler la fenêtre parentale Fonction JavaScript dans l'iframe Rails 4: désactive Turbolinks dans une page spécifique Utilisation d'un caractère non ASCII en tant que clé d'objet Javascript Quelle est la meilleure façon de créer des cours de Javascript? Bouton radio pour ouvrir les pages Trouver la valeur maximale d'un attribut dans un tableau d'objets Le formulaire de connexion a disparu? Tutoriel de météorite Remplacer plusieurs caractères dans une chaîne en javascript JQuery IE <div> problème d'opacité Comment extraire la valeur entre # et l'espace dans la valeur textarea Comment puis-je redimensionner un div automatiquement à la taille de son contenu lorsque le contenu de la div a changé? Comment convertir PHP regex en JavaScript regex L'extraction de la collection de squelette ne se réinitialise pas () Télécharger plusieurs fichiers à l'aide de multer failed

Continuez à avoir déconnecté! Erreur

Entrez la description de l'image ici

Je commence à commencer par ReactJs. Cependant, j'ai rencontré l'erreur suivante dans la console qui ne s'affiche pas dans le terminal:

[WDS] Déconnecté! Sock.onclose @ client? 64c0: 70EventTarget.dispatchEvent @ eventtarget.js: 49 (fonction anonyme) @ main.js: 356

Abstract-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, mais 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.

Je l'ai réparé comme ça;

comme si : 

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

être : 

  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 inclus le numéro de port dans url webpack-dev-server/client?http://127.0.0.0/

Change ça 

 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 réparer dans package.json (démarrer le serveur sur le port 3000 au lieu de la norme 8080): 

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