only a blank screen after build

• Version:
  • electron: “^2.0.3”
  • electron-builder: “^20.16.0”

• Target: current was dmg, if works, need to build for windows platform.

Current environment was a create-react-app product, i had reference From React to an Electron app ready for production.

the issue was dev work and build not work, it’s only a blank screen.

some config: package.json

...
"main": "public/electron.js",
"scripts": {
    "start": "react-app-rewired start",
    "build": "react-app-rewired build",
    "test": "react-app-rewired test --env=jsdom",
    "eject": "react-scripts eject",
    "electron-dev": "concurrently \"BROWSER=none npm start\" \"wait-on http://localhost:3000 && electron .\"",
    "preelectron-pack": "npm run clean-dist && npm run build",
    "electron-pack": "build -c.extraMetadata.main=build/electron.js",
    "clean-dist": "rm -rf ./dist"
  },
"build": {
    "appId": "com.example.electron-cra",
    "productName": "test-cra",
    "files": [
      "build/**/*",
      "node_modules/**/*"
    ],
    "directories": {
      "buildResources": "assets"
    }
  },
...

public/electron.js

const electron = require('electron');
const app = electron.app;
const BrowserWindow = electron.BrowserWindow;

const path = require('path');
const url = require('url');
const isDev = require('electron-is-dev');
require('electron-debug')();

let mainWindow;

function createWindow() {
  mainWindow = new BrowserWindow({width: 900, height: 680});
  mainWindow.webContents.openDevTools()

  mainWindow.loadURL(isDev ? 'http://localhost:3000' : `file://${path.join(__dirname, '../build/index.html')}`);
  mainWindow.on('closed', () => mainWindow = null);
}

app.on('ready', createWindow);

app.on('window-all-closed', () => {
  if (process.platform !== 'darwin') {
    app.quit();
  }
});

app.on('activate', () => {
  if (mainWindow === null) {
    createWindow();
  }
});

then in the chrome devTools, has some error:

Failed to load resource:  net::ERR_FILE_NOT_FOUND       main.4184e132.css
Failed to load resource:  net::ERR_FILE_NOT_FOUND       main.1445b1ba.js

because of electron version?

[didmehh]

@gen4sp I had resolved it by use hashRouter replace browserRouter

such as this error because of electron don’t support code splitting? or 2167

[cnscorpions]

@didmehh thank you, it works for guys who use react-router with BrowerRouter 大兄弟救了命🤣