Я использую шаблон Electron / Parcel electron-react-parcel-boilerplate, который отлично работает из коробки.
Однако при использовании пакета redux-beacon-electron, Я получаю следующую ошибку в консоли JS электронов:
Uncaught TypeError: fs.existsSync is not a function
at getElectronPath (index.js:7)
at Object.parcelRequire.node_modules/electron/index.js.fs (index.js:18)
at newRequire (src.a2b27638.js:47)
at localRequire (src.a2b27638.js:53)
at Object.parcelRequire.node_modules/electron-ga/lib/side-effects.js.electron (side-effects.ts:1)
at newRequire (src.a2b27638.js:47)
at localRequire (src.a2b27638.js:53)
at Object.parcelRequire.node_modules/electron-ga/lib/helpers.js.qs (helpers.ts:4)
at newRequire (src.a2b27638.js:47)
at localRequire (src.a2b27638.js:53)
и в терминале, где мы запускаем yarn start:
[0] ⚠️ /Users/nyxynyx/electron-app/node_modules/electron/index.js:8:41: Cannot statically evaluate fs argument
[0] 6 | function getElectronPath () {
[0] 7 | if (fs.existsSync(pathFile)) {
[0] > 8 | var executablePath = fs.readFileSync(pathFile, 'utf-8')
[0] | ^
[0] 9 | if (process.env.ELECTRON_OVERRIDE_DIST_PATH) {
[0] 10 | return path.join(process.env.ELECTRON_OVERRIDE_DIST_PATH, executablePath)
[0] 11 | }
Мне кажется, что Parcel неправильно нацелился на Electron при запуске с помощью yarn start, поэтому я попытался изменить
"react-start": "parcel -p 3000 index.html --out-dir build",
на
"react-start": "parcel -p 3000 index.html --out-dir build --target node",
и
"react-start": "parcel -p 3000 index.html --out-dir build --target electron",
, но теперь приложение Electron даже не запускается при запуске yarn start, и ничего не появляется при попытке загрузить http://localhost: 3000 после запуска yarn start или yarn react-start.
Почему это не работает и возможно ли устранить эту ошибку?
Спасибо!
GitHub Repo
https://github.com/nyxynyx/electron-react-parcel-boilerplate-problem
Использование
- react-dom@16.13.1
- react-redux@7.2.0
- react@16.13.1
- redux-beacon-electron@1.0.1
- redux@4.0.5
- electron@8.2.3
- parcel-bundler@1.12.4
пакетов. json
{
"name": "electron-react-parcel",
"version": "1.0.0",
"description": "Electron app build using ReactJS and Parcel web application bundler",
"main": "src/electron.js",
"scripts": {
"react-start": "parcel -p 3000 index.html --out-dir build",
"react-build": "parcel build index.html --out-dir build --public-url ./",
"electron-build": "electron-builder -mwl",
"clean-build": "rm -rf build/ .cache dist/",
"build": "yarn clean-build && yarn react-build && yarn electron-build",
"start": "concurrently \"cross-env BROWSER=none yarn react-start\" \"wait-on http://localhost:3000 && electron . \"",
...
nodeIntegration: true
Попытка установки на true, как предлагает @tpikachu, но та же ошибка сохраняется ...
электрон. js (обычно называется main.js)
function createWindow() {
const { width, height } = electron.screen.getPrimaryDisplay().workAreaSize;
mainWindow = new BrowserWindow({
width: Math.round(width * 0.9),
height: Math.round(height * 0.9),
webPreferences: {
nodeIntegration: true,
}
});
mainWindow.loadURL(
isDev
? "http://localhost:3000"
: `file://${path.join(__dirname, "../build/index.html")}`
);
mainWindow.on("closed", () => (mainWindow = null));
}
app.on("ready", async () => {
createWindow();
...
});