Uncaught ReferenceError: __DEFINES__ is not defined

[nini22P]

In my repository https://github.com/nini22P/omp

If start with dev, the browser display Uncaught ReferenceError: __DEFINES__ is not defined at env.ts:17:17.
Must be hard refreshed to work properly in dev, no problems with production build.

vite.config.ts

import { defineConfig } from 'vite'
import { NodeGlobalsPolyfillPlugin } from '@esbuild-plugins/node-globals-polyfill'
import { NodeModulesPolyfillPlugin } from '@esbuild-plugins/node-modules-polyfill'
import react from '@vitejs/plugin-react'
import rollupNodePolyFill from 'rollup-plugin-polyfill-node'

// https://vitejs.dev/config/
export default defineConfig({
  server: {
    host: '0.0.0.0',
    port: 8760,
  },
  plugins: [react()],
  base: './',
  optimizeDeps: {
    esbuildOptions: {
      // Node.js global to browser globalThis
      define: {
        global: 'globalThis'
      },
      // Enable esbuild polyfill plugins
      plugins: [
        NodeGlobalsPolyfillPlugin({
          buffer: true,
          process: true,
        }),
        NodeModulesPolyfillPlugin()
      ]
    }
  },
  build: {
    rollupOptions: {
      plugins: [
        rollupNodePolyFill()
      ]
    }
  }
})

package.json

{
  "name": "omp",
  "private": true,
  "version": "1.1.2",
  "type": "module",
  "scripts": {
    "dev": "vite",
    "build": "tsc && vite build",
    "lint": "eslint src --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
    "preview": "vite preview",
    "start": "tsc && vite build && vite preview"
  },
  "dependencies": {
    "@azure/msal-browser": "^3.0.2",
    "@azure/msal-react": "^2.0.2",
    "@emotion/react": "^11.11.1",
    "@emotion/styled": "^11.11.0",
    "@fontsource/roboto": "^5.0.8",
    "@mui/icons-material": "^5.14.7",
    "@mui/material": "^5.14.7",
    "buffer": "^6.0.3",
    "extract-colors": "^4.0.1",
    "i18next": "^23.4.6",
    "i18next-browser-languagedetector": "^7.1.0",
    "music-metadata-browser": "^2.5.10",
    "react": "^18.2.0",
    "react-dom": "^18.2.0",
    "react-i18next": "^13.2.2",
    "react-router-dom": "^6.15.0",
    "short-uuid": "^4.2.2",
    "swr": "^2.2.2",
    "zustand": "^4.4.1"
  },
  "devDependencies": {
    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
    "@esbuild-plugins/node-modules-polyfill": "^0.2.2",
    "@types/extract-colors": "^1.1.1",
    "@types/react": "^18.2.21",
    "@types/react-dom": "^18.2.7",
    "@typescript-eslint/eslint-plugin": "^6.6.0",
    "@typescript-eslint/parser": "^6.6.0",
    "@vitejs/plugin-react": "^4.0.4",
    "eslint": "^8.48.0",
    "eslint-plugin-react-hooks": "^4.6.0",
    "eslint-plugin-react-refresh": "^0.4.3",
    "rollup-plugin-polyfill-node": "^0.12.0",
    "typescript": "^5.2.2",
    "vite": "^4.4.9"
  }
}

[carlos-ivan-hernandez]

I was having this issue. It was being caused by the service worker. I solved it by removing the file and clearing all the site data in the browser dev tools.