2017-02-08 2 views
1

Я пытаюсь запустить простой webpack-dev-server, который компилирует файлы .bundle.js, когда они запрашиваются, если соответствующие исходные файлы JavaScript были изменены. В настоящее время я не хочу включить функцию Hot Mod Replacement (HMR).WebPack disable HMR

Я имею работу сервера, но он выводит следующие ошибки в консоль JavaScript:

GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 
[WDS] Disconnected! 
    log @ home.bundle.js:3684 
    close @ home.bundle.js:3753 
    sock.onclose @ home.bundle.js:3980 
    EventTarget.dispatchEvent @ home.bundle.js:2917 
    (anonymous) @ home.bundle.js:6021 
GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581439029 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 
GET https://monkey.transposit.com:3000/sockjs-node/info?t=1486581440063 net::ERR_CONNECTION_CLOSED 
    AbstractXHRObject._start @ home.bundle.js:3182 
    (anonymous) @ home.bundle.js:3071 

Я неясный на то, что браузер пытается сделать что я вижу эти ошибки. (Тем более, что пакеты собираются и обслуживаются успешно).

Вот мой webpack.config.js:

const path = require('path'); 
module.exports = { 
    entry: { 
    project_console: './src/console/console', 
    … 
    }, 
    output: { 
    filename: '[name].bundle.js', 
    path: path.join(__dirname, 'dist'), 
    publicPath: '/js/', 
    library: '[name]', 
    libraryTarget: 'var' 
    }, 
    module: { 
    rules: [ 
     {test: /\.js$/, use: ['babel-loader'], include: path.join(__dirname, 'src')}, 
     {test: /\.scss/, use: ['style-loader', 'css-loader', 'sass-loader']} 
    ] 
    }, 
    devServer: { 
    host: '0.0.0.0', 
    port: 3000, 
    hot: false 
    } 
}; 

Вот мой package.json:

{ 
    … 
    "files": [ 
    "src/" 
    ], 
    "scripts": { 
    "start": "webpack-dev-server”, 
    … 
    }, 
    "dependencies": { 
    "react": "^15.4.2", 
    "react-dom": "^15.4.2”, 
    … 
    }, 
    "devDependencies": { 
    "webpack": "^2.2.1", 
    "webpack-dev-server": "^2.3.0”, 
    … 
    } 
    "babel": { 
    "presets": [ 
     "es2015", 
     "react" 
    ] 
    } 
    … 
} 

Спасибо за любую помощь!

+0

Try установка 'hot' ложь: https://webpack.github.io/docs/webpack-dev-server.html#webpack-dev- server-cli – lux

+0

@lux У меня есть 'hot' установлен в false в * devServer.hot * в * webpack.config.js *. Это то, что вы имели ввиду? –

ответ

0

Я добавил --no-line к моему вызову webpack-dev-сервера, и это решило мою проблему.

Вот мой package.json:

{ 
    "scripts": { 
    "start": "webpack-dev-server --no-inline”, 
    … 
    } 
} 
Смежные вопросы