得到Websocket错误，但没有在代码中使用Websocket

Question

当我运行npm run dev时，我一直得到这个websocket错误。我在一组WSL和Mac用户中工作，我们的repo都为他们工作，但我是唯一一个在尝试运行我们的应用程序时得到这个问题的人。我不知道为什么会发生这种情况。

Websocket错误运行npm run dev

这是我们的webpack配置文件。

var path = require("path");
var HtmlWebPackPlugin = require("html-webpack-plugin");
module.exports = {
entry: "./src/index.js",
output: {
path: path.join(__dirname, "build"),
publicPath: '/build',
filename: "index_bundle.js"
},
mode: process.env.NODE_ENV,
module: {
rules: [
{
test: /.tsx?/,
use: 'ts-loader',
exclude: /node_modules/,
},
{
test: /.jsx?/,
use: {
loader: 'babel-loader',
options: {
presets: ['@babel/preset-env', '@babel/preset-react'],
plugins: ["@babel/plugin-syntax-jsx"]
},
},
exclude: /npm_modules/
},
{
//npm install -D sass-loader css-loader style-loader webpack
// /.s[ac]ss$/i
// /.css /
test: /.s?css/,
use: ["style-loader", "css-loader", "sass-loader"
],
},
{
// Now we apply rule for images
test: /.(png|jpg|gif|svg)$/,
use: [
{
// Using file-loader for these files
loader: "file-loader",
// loader: "url-loader",
// In options we can set different things like format
// and directory to save
options: {
outputPath: '/images'
}
}
]
},
// {
//   test: /.(png|jpg)$/,
//   loader: 'url-loader'
// },
]
},
resolve: {
// Enable importing JS / JSX files without specifying their extension
extensions: [".js", ".jsx", ".tsx", ".ts"],
},
devServer: {
static: {
directory: path.join(__dirname, '/src'),
},
proxy: {
'/': 'http://localhost:3000'
},
compress: true,
port: 8080,
},
};

Answer 1

找到了答案/可行的解决方案。我在devServer中将端口从8080更改为9000，它工作了，我不确定为什么会这样，但它确实工作了。我还在snowpack.dev文档中找到了一个推荐的解决方案，它说要做同样的事情。https://www.snowpack.dev/reference/common-error-details