Sigo recibiendo este error de websocket cuando ejecuto npm run dev. Estoy trabajando en un grupo de usuarios de WSL y Mac y nuestro repositorio funciona para ellos, pero soy el único que tiene este problema cuando intento ejecutar nuestra aplicación. Sin saber por qué sucede esto.

Error de Websocket al ejecutar npm run dev

Este es nuestro archivo de configuración del paquete web.

 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, }, };