Electron - приложение React __dirname не определено

У меня есть электронное приложение, которое я упаковываю с помощью Vite, используя шаблон Forge . У меня возникли проблемы с добавлением ipcRenderer в файлы React, поскольку это приводит к сбою приложения с этой ошибкой:

Uncaught ReferenceError: __dirname is not defined
    at node_modules/electron/index.js (electron.js?v=fee19837:36:30)
    at __require (chunk-CEQRFMJQ.js?v=fee19837:11:50)
    at electron.js?v=fee19837:54:16

Я пробовал разные подходы, чтобы исправить это, но все равно безуспешно:

• Используя import.meta.url:

const __filename = fileURLToPath(import.meta.url);
const __dirname = dirname(__filename);

• Используя vite.config.js:

export default defineConfig({
  plugins: [
    commonjs(),
    NodeGlobalsPolyfillPlugin({
      process: true,
      buffer: true,
    }),
  ],
  resolve: {
    alias: {
      '@': path.resolve(__dirname, './src'),
    },
  },
  define: {
    'process.env': {},
    '__dirname': '__dirname', // This is a simple way to inject __dirname
  },
});

• Разоблачение ipcRenderer в preload.ts:

contextBridge.exposeInMainWorld('ipcRenderer', ipcRenderer)

• Использование browserify в конфигурации Vite

alias: {
  '@': path.resolve(__dirname, './src'),
  path: 'path-browserify'
}

Ни один из них не работает, и я все еще получаю ту же ошибку.

Вот мой цконфиг:

{
  "compilerOptions": {
    "target": "ESNext",
    "module": "commonjs",
    "allowJs": true,
    "skipLibCheck": true,
    "esModuleInterop": true,
    "noImplicitAny": true,
    "sourceMap": true,
    "baseUrl": ".",
    "outDir": "dist",
    "moduleResolution": "node",
    "resolveJsonModule": true,
    "jsx": "react-jsx",
    "paths": {
      "*": ["node_modules/*"]
    }
  },
  "include": ["src/**/*.ts", "src/**/*.tsx"],
}

Я использую Electron v30.0.9.