title: React ElectronJS can't load emitted JS/CSS in production
body: <h1>Background</h1>
  <p>I have built my React app in ElectronJS.</p>
  <p>During development, the app ran perfectly and didn't have any errors fetching the JS/CSS.</p>
  <p>However, AFTER compiling, meaning electron-builder compiled successfully and output the EXE file, ElectronJS can't locate the JS/CSS but the <code>index.html</code> loads.</p>
  <p>I tried modifying <code>buildResources</code> from guides on other Stackoverflow threads to no avail</p>
  <h1>Expected</h1>
  <p>It loads the app and it works just like in development
  <a href="https://i.stack.imgur.com/Ng1sb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Ng1sb.png" alt="Development Screenshot" /></a></p>
  <h1>Actual result</h1>
  <p>It's a blank white screen and the network logs look like this
  <a href="https://i.stack.imgur.com/1Qgqj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1Qgqj.png" alt="index.html loads perfectly" /></a>
  <a href="https://i.stack.imgur.com/V39AQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/V39AQ.png" alt="JS file can't load" /></a></p>
  <h1>Reproduction:</h1>
  <ul>
  <li>Clone <a href="https://github.com/ericwang401/echo-soundboard" rel="nofollow noreferrer">https://github.com/ericwang401/echo-soundboard</a></li>
  <li>Run <code>npm run electron:build</code></li>
  <li>Open output executable in <code>/dist</code></li>
  <li>Open devtools in the ElectronJS app</li>
  <li>Click network (you might have to refresh to see the errors)</li>
  </ul>