__dirname is not defined

[captainIT]

when use electron-forge Follow these steps https://www.electronforge.io/templates/typescript-+-webpack-template

then I add following codes to main.ts

const ElectronStore = require('electron-store');
ElectronStore.initRenderer();

after run start, throw error Uncaught ReferenceError: __dirname is not defined

[captainIT]

I solved the problem by a third party plugin vite-plugin-electron-renderer

import electron from 'vite-plugin-electron'
import renderer from 'vite-plugin-electron-renderer'

export default {
  plugins: [
    electron({
      entry: 'electron/main.ts',
    }),
    renderer({
      resolve: {
        // JavaScript cjs lib
        'electron-store': { type: 'cjs' },
      },
    }),
  ],
}