global is not defined

[Ahtisham-01]

• global is not defined webpack error when we use context isolation
• How we can fix this error

[cellis]

Don't use context isolation ( I agree with the Electron team's rationale for contextIsolation: true, IF you EVER plan to load 3rd party websites or even your own website that has 3rd party javascript running, as they could access your IPC calls ). However if you treat the app as a secure app and never load third party websites or scripts, then it's fine to turn off.

If you still want to go ahead, modify the next.config.js:

    if (!isServer) {
      config.target = 'electron-renderer';
      config.node = {
        __dirname: true,
      };
    }

    config.output.globalObject = 'this';
    ...

[Ahtisham-01]

Thanks ! its working

On Wed, Feb 1, 2023 at 1:04 AM Cameron Ellis @.***> wrote:

Don't use context isolation ( I agree with the Electron team's rationale for this, IF you EVER plan to load 3rd party websites or even your own website that has 3rd party javascript running, as they could access your IPC calls ). However if you treat the app as a secure app and never load third party websites or scripts, then it's fine to turn off.

If you still want to go ahead, modify the next.config.js:

if (!isServer) {
  config.target = 'electron-renderer';
  config.node = {
    __dirname: true,
  };
}

config.output.globalObject = 'this';
...

— Reply to this email directly, view it on GitHub https://github.com/saltyshiomix/nextron/issues/318#issuecomment-1410990365, or unsubscribe https://github.com/notifications/unsubscribe-auth/AZ6UOR2KIKLQD3SXRR7LA7TWVFV4TANCNFSM6AAAAAAUMEJ6XQ . You are receiving this because you authored the thread.Message ID: @.***>

[saltyshiomix]

@Ahtisham-01 Sorry for late reply 🙇

May be we can remove config.target = 'electron-renderer' in next.config.js.

Before

module.exports = {
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
  webpack: (config, { isServer }) => {
    if (!isServer) {
      config.target = 'electron-renderer'
    }

    return config
  },
}

After

/** @type {import('next').NextConfig} */
module.exports = {
  trailingSlash: true,
  images: {
    unoptimized: true,
  },
  webpack: (config) => {
    return config
  },
}