title: Getting Websocket Error But Not Using Websockets in Code
body: <p>I keep getting this websocket error when I run npm run dev. I'm working in a group of WSL and Mac users and our repo all works for them but I'm the only that gets this issue when trying to run our application. At a loss for why this is happening.</p>
  <p><a href="https://i.stack.imgur.com/Vu7ZZ.png" rel="nofollow noreferrer">Websocket Error when running npm run dev</a></p>
  <p>This is our webpack configuration file.</p>
  <pre><code>var path = require(&quot;path&quot;);
  var HtmlWebPackPlugin = require(&quot;html-webpack-plugin&quot;);
  
  module.exports = {
      entry: &quot;./src/index.js&quot;,
      output: {
          path: path.join(__dirname, &quot;build&quot;),
          publicPath: '/build',
          filename: &quot;index_bundle.js&quot;
      },
      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: [&quot;@babel/plugin-syntax-jsx&quot;]
                },
              },
              exclude: /npm_modules/
            },
            {
              //npm install -D sass-loader css-loader style-loader webpack
              // /\.s[ac]ss$/i
              // /\.css /
              test: /\.s?css/,
              use: [&quot;style-loader&quot;, &quot;css-loader&quot;, &quot;sass-loader&quot;
              ],
            },
            {
              // Now we apply rule for images
              test: /\.(png|jpg|gif|svg)$/,
              use: [
                {
                  // Using file-loader for these files
                  loader: &quot;file-loader&quot;,
                  // loader: &quot;url-loader&quot;,
                  // 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: [&quot;.js&quot;, &quot;.jsx&quot;, &quot;.tsx&quot;, &quot;.ts&quot;],
      },
      devServer: {
        static: {
          directory: path.join(__dirname, '/src'),
          },
        proxy: {
          '/': 'http://localhost:3000'
        },
        compress: true,
        port: 8080,
    },
  };
  
  </code></pre>