Chrome зависает с Vite Dev Server

Я только что перенес большое приложение для реагирования с Webpack на Vite. Я настроил использование сервера разработки с HMR. Проект довольно большой, у него много зависимостей и много страниц, которые, я думаю, загружаются при первой загрузке. Я использую реактивный маршрутизатор для маршрутизации, и у меня пока нет времени на ленивую загрузку компонентов.

Это мой vite.config.js:

import { defineConfig } from "vite";
import react from "@vitejs/plugin-react";
import path from "path";

export default defineConfig({
  root: "src",
  envDir: "../",
  envPrefix: "REACT_", // To mantain compatibility with our current env vars
  build: {
    target: "esnext",
    commonjsOptions: {
      transformMixedEsModules: true,
    },
  },
  plugins: [react()],
  resolve: {
    alias: {
      "@": path.resolve(__dirname, "./src"),
    },
  },
  server: {
    port: 8080,
    host: "0.0.0.0",

    proxy: {
      "/api": {
        target: "http://localhost:5000",
        changeOrigin: true,
        rewrite: (path) => path.replace("/api", ""),
      },
    },
  },
});

Когда я запускаю сервер разработки, я могу без проблем получить к нему доступ с помощью Firefox, но когда я использую Chrome, вкладки зависают, и если я открываю инструменты разработки, я вижу, что многие статические файлы находятся в ожидании и не загружаются.

Загружается огромная куча файлов, но у Firefox нет проблем с их загрузкой, поэтому я не знаю, проблема ли это в Chrome или я что-то пропустил.

Делая свои исследования и выводы, я думаю, что это как-то связано с кешем, но я не уверен, в чем проблема.

Дайте мне знать, если вам нужна дополнительная информация!