White Blank Screen On Installing the Packaged App Built with React

[recluzegeek]

I've created an application using React, and it functions well during development when I execute npm run dev— the React UI loads smoothly, and the application behaves as intended. However, upon running npm run build or npm run build:win, the application undergoes compilation and is sent to the dist/ directory. On installing and launching, the UI, which is built using React, fails to load. There are no errors in the console, however a console message is logged onto the console saying "Preload.js executed succesfuly", which as expected is coming from the preload/index.js file for debugging reasons.

I suspect there are issues with the code compilation or a disconnected link between the build folder and the application. Could you please assist me in resolving this issue? Is there something, I'm missing?

Below is the build section excerpt from my package.json:

 "build": {
    "appId": "com.myapp",
    "asar": true,
    "directories": {
      "output": "dist"
    },
    "win": {
      "target": "nsis"
    },
    "nsis": {
      "guid": "",
      "oneClick": true,
      "warningsAsErrors": false,
      "perMachine": true
    }
  }

[recluzegeek]

My problem was solved by replacing the BrowserRouter with HashRouter as mentioned in this stackoverflow suggestion, and now its working fine for me. Pages are being loaded and rendering as expected.