NPM & yarn were trying to install React, Electron, and a few other packages from https://packages.bethel.jw.org/ which as far as I can tell is the website of the Jehovah's Witnesses? Deleting yarn.lock and re-running npm-install fixed the issue, figured I'd let you know.

in the mian.ts

function createWindow() {
	win = new BrowserWindow({
               ...
		webPreferences: {
			nodeIntegration: true,
			webviewTag: true,
			enableRemoteModule: true,
			contextIsolation: true,
			plugins: true,
			webSecurity: false,
			autoplayPolicy: 'no-user-gesture-required',
			preload: path.join(__dirname, './preload.js'),
			// preload: process.cwd() + path.join(__dirname, './preload.ts'),
		},
	})

// preload.ts
console.log('electron preload')
window.ipc = ipc
window.hello = 'hello'
`

code executed but not work

webview preload also not work

<webview
		src="http://localhost:8888/dist/webview.html"
		style={{ width: '600px', height: '600px' }}
		// preload={`${path.join(__dirname, '/../../electron/preload.js')}`}
		preload={`file://${path.join(__dirname, '../../electron/preload.js')}`}
	/>

​ case 1: not start with ' file '
​ error : Only "file:" protocol is supported in "preload" attribute.

case 2: with ' file ':

webview deveTools :

thanks

node ： 12.14.1
electorn: 9.0.0
platform: winx64
Hi~ when i change main.ts throw error flash back window,

can you help for me look forward to your answer!

I have an electron/icons folder, but it doesn't get copied to build/ when I run electron:dev. Any idea why? Thanks in advance :)

Can we use ipcRenderer in React App?

The original scripts will get warning in powershell and exit code 1.

I found a solution maybe to fix this problem:

Use the following config

"scripts": {
  "electron:dev": "concurrently \"cross-env BROWSER=none yarn start\" \"wait-on http://localhost:3000 && tsc -p electron -w\" \"wait-on http://localhost:3000 && tsc -p electron && electron .\"",
},
"devDependencies": {
  "cross-env": "^7.0.3"
}

instead of

"scripts": {
  "electron:dev": "concurrently \"BROWSER=none yarn start\" \"wait-on http://localhost:3000 && tsc -p electron -w\" \"wait-on http://localhost:3000 && tsc -p electron && electron .\"",
}

in package.json

Hi. Thanks for putting together this project bootstrapper. It's really nice and saving me time.
I am having an issue when trying to run
yarn run electron:dev

This is the result:

λ yarn run electron:dev
yarn run v1.21.1
$ concurrently "BROWSER=none yarn start" "wait-on http://localhost:3000 && tsc -p electron -w" "wait-on http://localhost:3000 && tsc -p electron && electron ."
[0] 'BROWSER' is not recognized as an internal or external command,
[0] operable program or batch file.
[0] BROWSER=none yarn start exited with code 1

This is apparently referring to the BROWSER=none line, witch is not valid batch script. I would bet that this wasn't designed to be run on Windows, or at the very least not outside of shell script.

This is on Windows 10 through ConEmu batch.
Does this look familiar to you? I have a feeling that this is a Windows-specific problem. Do you know of a work-around for my use case?

Should that be switched back to npmjs? The jw.org one doesn't resolve for me.

how can i build for apple m1?
yarn electron:build produces x64 binary

electron-is-dev's isDev variable is always true.

The problem seems to be in the way isDev is imported.

Instead of

import * as isDev from "electron-is-dev";

Using the following will solve the issue:

import isDev from "electron-is-dev";

it's not create-react-app my-app --template typescript, it's npx create-react-app my-app --template typescript.
Should I fork it and make a pull request?

When I modify something, the hot reload works. But there're errors in development tools.

Uncaught ReferenceError: process is not defined
at Object.4043 (:2:13168)
at r (:2:306599)
at Object.8048 (:2:9496)
at r (:2:306599)
at Object.8641 (:2:1379)
at r (:2:306599)
at :2:315627
at :2:324225
at :2:324229
at HTMLIFrameElement.e.onload (index.js:1)