Webpack beaucoup Consignation des informations sockjs

Question

I installé React projet sur un autre ordinateur et la console soudainement dans le navigateur est rempli avec ces:

sockjs-client:websocket unload +96ms 
browser.js:123 sockjs-client:main using url +0ms http://localhost:8080/sockjs-node 
browser.js:123 sockjs-client:utils:url same +3ms http://localhost:8080/sockjs-node http://localhost:8080/category/PLvbS24bigqq80_SfZtLIF_1MUhSuVCOGY true 
browser.js:123 sockjs-client:info-receiver http://localhost:8080/sockjs-node +1ms 
log.js:5 [HMR] Waiting for update signal from WDS... 
browser.js:123 sockjs-client:info-receiver doXhr +325ms http://localhost:8080/sockjs-node/info 
browser.js:123 sockjs-client:browser:xhr GET +2ms http://localhost:8080/sockjs-node/info 
browser.js:123 sockjs-client:browser:xhr readyState +157ms 2 
browser.js:123 sockjs-client:browser:xhr readyState +1ms 3 
browser.js:123 sockjs-client:browser:xhr status +1ms 200 
browser.js:123 sockjs-client:browser:xhr chunk +0ms 
browser.js:123 sockjs-client:browser:xhr readyState +3ms 4 
browser.js:123 sockjs-client:browser:xhr status +1ms 200 
browser.js:123 sockjs-client:browser:xhr finish +1ms 200 {"websocket":true,"origins":["*:*"],"cookie_needed":false,"entropy":3957747340} 
browser.js:123 sockjs-client:info-receiver finish +2ms Object {websocket: true, origins: Array(1), cookie_needed: false, entropy: 3957747340} 166 
browser.js:123 sockjs-client:info-receiver _cleanup +4ms 
browser.js:123 sockjs-client:main _receiveInfo +1ms 166 
browser.js:123 sockjs-client:main info +2ms Object {websocket: true, origins: Array(1), cookie_needed: false, entropy: 3957747340, nullOrigin: false…} 
browser.js:123 sockjs-client:websocket enabled +2ms 
browser.js:123 sockjs-client:utils:transport enabled +0ms websocket 
browser.js:123 sockjs-client:utils:transport enabled +1ms xhr-streaming 
browser.js:123 sockjs-client:utils:transport disabled +1ms xdr-streaming 
browser.js:123 sockjs-client:utils:transport enabled +1ms eventsource 
browser.js:123 sockjs-client:utils:transport enabled +1ms iframe-eventsource 
browser.js:123 sockjs-client:utils:transport enabled +0ms htmlfile 
browser.js:123 sockjs-client:utils:transport enabled +1ms iframe-htmlfile 
browser.js:123 sockjs-client:utils:transport enabled +1ms xhr-polling 
browser.js:123 sockjs-client:utils:transport disabled +1ms xdr-polling 
browser.js:123 sockjs-client:utils:transport enabled +1ms iframe-xhr-polling 
browser.js:123 sockjs-client:utils:transport enabled +1ms jsonp-polling 
... 

Il y a beaucoup d'exploitation forestière par sockjs client mélangé avec des bûches par realoading chaud et mon propres journaux de la console. Je n'ai trouvé aucune aide en ligne.

Ma package.json

{ 
    "name": "template-react", 
    "version": "1.0.0", 
    "description": "", 
    "main": "index.js", 
    "scripts": { 
    "start": "webpack-dev-server --hot", 
    "build": "webpack --config ./webpack.config.production.js --progress --profile --colors" 
    }, 
    "repository": { 
    "type": "git" 
    }, 
    "keywords": [], 
    "author": "", 
    "license": "ISC", 
    "dependencies": { 
    "isomorphic-fetch": "^2.2.1", 
    "react": "^15.5.4", 
    "react-dom": "^15.5.4" 
    }, 
    "devDependencies": { 
    "babel-core": "^6.24.1", 
    "babel-loader": "^7.0.0", 
    "babel-polyfill": "^6.23.0", 
    "babel-preset-es2017": "^6.24.1", 
    "babel-preset-react": "^6.24.1", 
    "babel-preset-stage-2": "^6.24.1", 
    "file-loader": "^0.11.1", 
    "react-hot-loader": "^3.0.0-beta.6", 
    "webpack": "^3.2.0", 
    "webpack-dev-server": "^2.4.5" 
    }, 
    "babel": { 
    "presets": [ 
     "es2017", 
     "stage-2", 
     "react" 
    ], 
    "plugins": [ 
     "react-hot-loader/babel" 
    ] 
    } 
} 

et webpack.config.js

const webpack = require('webpack') 
const path = require('path') 

module.exports = { 
    devtool: 'source-map', 
    entry: { 
    'app': [ 
     'babel-polyfill', 
     'react-hot-loader/patch', 
     './src/index' 
    ] 
    }, 
    output: { 
    path: path.resolve(__dirname, './dist'), 
    filename: '[name].js' 
    }, 
    resolve : { 
    extensions: ['.js', '.jsx'], 
    modules: [ 
     path.resolve('src'), 
     path.resolve('static'), 
     path.resolve('node_modules') 
    ] 
    }, 
    plugins: [ 
     new webpack.DefinePlugin({ 
      'process.env': { 
       NODE_ENV : JSON.stringify('development'), 
       BROWSER : JSON.stringify(true) 
      } 
     }), 
    ], 
    module: { 
    rules: [ 
     { 
     test: /\.jsx|js$/, 
     exclude: /node_modules/, 
     loader: 'babel-loader' 
     } 
    ] 
    } 
} 

Answer 1

Module Sockjs de webpack utilise le module de noeud debug pour la connexion à la console. La variable d'environnement DEBUG (qui est utilisée pour configurer le module debug) a été définie sur * et a été enregistrée dans localStorage. Donc, mon nouveau projet fonctionnant sur localhost:8080 comme un projet précédent sur la même machine utilisé DEBUG='*' d'où la journalisation.

J'ai essayé de définir process.env.DEBUG dans webpack.config.js à une autre valeur mais il n'a pas changé de valeur dans localStorage, donc il a gardé la journalisation. Donc, je viens de supprimer la valeur de localStorage manualy.