Creating app using webpack, electron and bytenode

Hi, I am trying to create a app using webpack and electron. My end goal is to hide the sources for my application. I created the bytecode for bundle.js and I am trying to use the bundle.jsc in my index.html So I did the following

require("bytenode");
module.exports = require("./build/bundle.jsc");

Named the above file as dist.js and used in index.html as follows

<script src="dist.js"></script>

When I launch the electron app with electron .

I get the following error

Uncaught Error: Invalid or incompatible cached data (cachedDataRejected)
    at Object.Module._extensions.<computed> [as .jsc]

bundle.jsc is 2.1MB Node version is v12.13.0

Thanks,

[smunx]

I got it to work, I used electron to compile it to bytecode. Thanks for the awesome tool !

[OsamaAbbas]

Replace this line:

<script src="dist.js"></script>

with this code:

<script>
  require("bytenode");
  // put here whatever code is inside your dist.js. For example:
  // require("./build/bundle.jsc").initApp();
</script>

Try this and let me know what would happen.

Also, make sure that you have compiled your .jsc files with the same electron that will run them.