獲取 Websocket 錯誤但未在代碼中使用 Websocket

Question

當我運行 npm run dev 時，我不斷收到這個 websocket 錯誤。 我在一組 WSL 和 Mac 用戶中工作，我們的 repo 都適用於他們，但我是唯一在嘗試運行我們的應用程序時遇到此問題的人。 不知道為什么會這樣。

運行 npm run dev 時出現 Websocket 錯誤

這是我們的 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