Uncaught ReferenceError: process is not defined

The error happened when Webpack version 5 was used due to the fact that Webpack 5 removed the ability to access environment variables using the notation process.env.MY_ENV_VAR

My temporary solution:

npm install -D process

and add the following config in Webpack config file:

  plugins: [
      new webpack.ProvidePlugin({
             process: 'process/browser',
      }),
  ],

[tarnishablec]

same error when using vite

[jjshe]

When use vite

Add the following config in vite config file:

export default defineConfig({
  define: {
    'process.env': {}
  }
})