Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

navigator is not defined

See original GitHub issue

Issue Description

When I start my electron app (npx electron main.js), on this line, i have this error. Electronjs version: v10.1.4 Code:

const { app, BrowserWindow } = require("electron");
const customTitlebar = require("custom-electron-titlebar");

function createWindow(){

  const window = new BrowserWindow({
    width: 1280,
    height: 720,
    resizable: false,
    titleBarStyle: "hidden",
    frame: false,
    webPreferences: {
      nodeIntegration: true,
    },
  });
  
  new customTitlebar.Titlebar({
    backgroundColor: customTitlebar.Color.fromHex("#444"),
  });

  window.loadFile("../public/index.html");
}

Issue Analytics

State:
Created 2 years ago
Reactions:7
Comments:6

Top GitHub Comments

2reactions

ghostcommented, Nov 18, 2020

I was able to fix this by including it after the react app render statement. Just put it at the end of your index.html

1reaction

0xdeafcafecommented, Dec 21, 2020

It looks like you’re instantiating TitleBar in the electron main process, rather than the renderer process (where it actually has access to the DOM). That is why it works when you added it into the index.html file.