electron-react | Project template for Electron with React support | Frontend Framework library

I downgraded the sqlite3 package to v5.0.0 and it rebuilt correctly. Hope this helps anyone else with the same issue.

Source: nodejs electronjs sqlite3 - use of undeclared identifier 'napi_is_detached_arraybuffer'

You can use Tray in electron for this

Quote from the tray docuentation

Add icons and context menus to the system's notification area.

Example code:

As per the official documentation, you need to have something like this S3Options

AWS credentials are required, please see getting your credentials. Define AWS_ACCESS_KEY_ID and AWS_SECRET_ACCESS_KEY environment variables. Or in the ~/.aws/credentials.

Electron 11 has a newer version of V8 JS engine which the native module usb@1.6.3 with a version of the std library not set to std=c++14 thus that doesn't support what V8 now requires.

This is known issue and you can read about it at these PRs #376, #394, #400 and the fix has been merged today (January 30 2021) with this PR #407 and there is a new release on NPM usb@1.6.4.

Now your steps are working for me on Ubuntu 20.04 and ElectronRebuild.js runs with no errors after installing latest usb module:

ipcRenderer is the module you should, and do, use in the renderer process (either scripts attached to HTML pages if there is no contextIsolation, or preload otherwise).

The module to use in the main process is called ipcMain.

We can use an asynchronous import() to solve that problem:

Turns out there's two parts to this answer; the first one was a typo. Instead of #/app, adding #app is correct (so the full string becomes file://${path.join(__dirname, "../build/index.html#app")}).

The other issue is related to react-router-dom and the BrowserRouter apparently; it doesn't work in production. So instead I have this:

I figured it out.

Fix: main.tsx -> BrowserWindow -> webPreferences and change contextIsolation to false and also nodeIntegration to true.

After changing it, require reference error gone.

Great timing. I was in the same boat the past few days, just figured it out. Except, I didn't change to HashRouter like you did. Rather I left all the routing stuff as the default electron-react-boilerplate comes with, like ConnectedRouter. Maybe either way works.

https://github.com/electron-react-boilerplate/electron-react-boilerplate/issues/1853#issuecomment-674569009

__dirname only works in dev. I used DebugTron to check what URLs were being loaded for each resource, and it was file://path/to/app.asar/something. Then I figured out how to get the path to the asar. This worked for me in both dev and prod, regardless of where the application is located. You also need to set nodeIntegration: true. Tested on macOS.