小编Ann*_*nne的帖子

我配置并启动我的本地基于 webpackDevServer 的 React 项目，它在浏览器页面上显示良好，但是当我打开我的开发工具时，它只是不断地控制台出以下错误，显然，webpackDevServer 一次又一次地断开连接并重新连接。

WebSocketClient.js:13 WebSocket 连接到 \'ws://localhost:3003/ws\' 失败：\n[webpack-dev-server] Event\xc2\xa0{isTrusted: true, type: \'error\', target: WebSocket, currentTarget: WebSocket, eventPhase: 2,\xc2\xa0\xe2\x80\xa6}\n控制台错误信息图像

\n

我的本地配置信息如下。

\n

webpack.config.dev.js

const path = require(\'path\');\nconst paths = require(\'./paths.js\');\nconst HtmlWebpackPlugin = require(\'html-webpack-plugin\');\n\nmodule.exports = {\n  mode: \'development\',\n  entry: {\n    index: \'./src/index.js\',\n  },\n  devServer:{\n    port: 3003\n  },\n  output: {\n    filename: \'[name].bundle.js\',\n  },\n  devtool: \'inline-source-map\',\n  module: {\n    rules: [\n      {\n        test: /\\.m?js$/,\n        exclude: /(node_modules|bower_components)/,\n        use: {\n          loader: \'babel-loader\',\n          options: {\n            presets: [\'@babel/preset-env\']\n          }\n        }\n      }\n …