亚洲免费在线视频-亚洲啊v-久久免费精品视频-国产精品va-看片地址-成人在线视频网

您的位置:首頁技術文章
文章詳情頁

javascript - [WDS] Disconnected! 一直重復出現。

瀏覽:149日期:2023-03-30 08:22:10

問題描述

題主最近剛接觸webpack,今天嘗試下配置webpack的HMR,一直在chrome的控制臺重復出現[WDS] Disconnected!的警告,截圖如下:javascript - [WDS] Disconnected! 一直重復出現。google了很多方法都找不到原因,所以才來請教下大家。附上代碼結構:javascript - [WDS] Disconnected! 一直重復出現。

package.json

{ 'name': 'vue-timer', 'version': '1.0.0', 'description': 'a timer based on vue', 'main': 'main.js', 'scripts': { 'test': 'echo 'Error: no test specified' && exit 1', 'start': 'webpack-dev-server --hot --inline' }, 'author': 'Albert', 'license': 'ISC', 'dependencies': { 'vue': '^2.3.3' }, 'devDependencies': { 'babel-core': '^6.24.1', 'babel-loader': '^7.0.0', 'babel-preset-env': '^1.4.0', 'css-loader': '^0.28.1', 'eslint': '^3.19.0', 'eslint-config-airbnb-base': '^11.2.0', 'eslint-plugin-import': '^2.2.0', 'html-webpack-plugin': '^2.28.0', 'style-loader': '^0.17.0', 'stylus': '^0.54.5', 'stylus-loader': '^3.0.1', 'webpack': '^2.5.1', 'webpack-dev-server': '^2.4.5' }}

webpack.config.js

const path = require(’path’);const webpack = require(’webpack’);const HtmlWebpackPlugin = require(’html-webpack-plugin’);module.exports = { devtool: ’eval-source-map’, entry: path.resolve(__dirname, ’src/app/main.js’), output: { path: path.resolve(__dirname, ’src/public’), filename: ’bundle.js’, publicPath: ’/’, }, module: { rules: [ {test: /.js$/,exclude: /node_modules/,loader: ’babel-loader’, }, {test: /.css$/,loader: ’style-loader!css-loader’, }, {test: /.styl$/,loader: ’stylus-loader’, }, ], }, plugins: [ new HtmlWebpackPlugin({ template: path.resolve(__dirname, ’src/app/index.html’), hash: true, }), new webpack.HotModuleReplacementPlugin(), new webpack.NamedModulesPlugin(), ], resolve: { alias: { vue$: ’vue/dist/vue.common.js’, }, }, devServer: { historyApiFallback: true, publicPath: ’/’, },};

奇怪的是在IE11里我就沒看到這種警告,chrome里就一直有,版本是58.0.3029.110

問題解答

回答1:

出現問題的原因還是沒找到,但是hot reload問題自己解決了。只需要在入口JS里加上如下代碼就可以了:

if (module.hot) { module.hot.accept();}回答2:

Webpack 的 HMR 功能,是通過 WebSocket 實現的推送 JSON Patch,同時需要第三方庫支持。

IE11 似乎并不支持 WebSocket 因此沒有這樣的警告。Chrome 下你使用 Vue 出現這個問題,原因應該在于你沒有引入 Vue 的 HMR 插件,也就是需要再安裝一個 vue-hot-reload-api。

具體解決方案可以參考我寫的一篇博文:http://ewind.us/2017/webpack-...

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 亚洲视频在线观看免费视频 | 69交性视频| 免费观看a黄一级视频 | 九九99re在线视频精品免费 | 男女视频免费观看 | 成人怡红院视频在线观看 | 国产亚洲精彩视频 | 国产丝袜美女一区二区三区 | 在线播放免费播放av片 | 亚洲专区欧美专区 | 国产成人久久一区二区三区 | 一及毛片 | 精品欧美高清一区二区免费 | 免费一级特黄3大片视频 | 午夜在线亚洲男人午在线 | 国产一级毛片外aaaa | 亚洲国产精品欧美日韩一区二区 | 伊人久久大香线焦在观看 | 男人的天堂视频在线观看 | 亚洲精品不卡午夜精品 | 九月婷婷亚洲综合在线 | 日韩视频观看 | 国产精品特级毛片一区二区三区 | 一区二区三区免费视频网站 | 人碰人碰人成人免费视频 | 高清不卡一区二区三区 | 色一情| 久久巨乳| 中文字幕巨乱亚洲 | 欧美成人免费午夜影视 | 久久午夜精品视频 | 依依成人综合网 | 免费视频久久 | 一区二区三区四区产品乱码伦 | 国产美女视频黄a视频全免费网站 | a毛片在线还看免费网站 | 久久精品久久久 | 美女黄色片免费 | 国产欧美日韩精品一区二 | 日本三级香港三级人妇r | 在线成人aa在线看片 |