Cannot require bytenode jsc file in electron

Hi. Please help me in this case. I’m using electron-vuejs template from this https://github.com/SimulatedGREG/electron-vue This project, it didn’t use command electron ., but using a js file to start electron. You can check in package.json (https://github.com/SimulatedGREG/electron-vue/blob/master/template/package.json) "dev": "node .electron-vue/dev-runner.js",

When I require bytenode jsc file in this js file (dev-runner.js), it works. But when I require jsc file in src/main/index.js , it show error

ERROR in ./src/main/config.jsc 1:0 Module parse failed: Unexpected character ‘�’ (1:0) You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders (Source code omitted for this binary file) @ ./src/main/index.js 7:13-36 @ multi ./src/main/index.dev.js ./src/main/index.js

Can you please check it ?

[reiinii1]

Hey there, I solved the same problem by using __non_webpack_require__(fileLocation) in the main process or require('electron').remote.require(fileLocation) in the render process (Vue.js).

Example main.js

bytenode.compileFile({
    filename: 'src/secret.js',
    output: 'public/secret.jsc',
    compileAsModule: true
});
const fileLocation = path.join(__static, 'secret.jsc'); /* global __static */
const secretFunctions = __non_webpack_require__(fileLocation);

Example HelloWorld.vue

<template>
    <div class="hello">
        <h3>Simple Login Example</h3>
        <label>Username<br /><input type="text" v-model="username" /></label><br /><br />
        <label>Password<br /><input type="password" v-model="password" /></label><br /><br />
        <button @click="login">Login</button>
        <p>Valid user: {{ success }}</p>
    </div>
</template>

<script>
const path = require('path');
const fileLocation = path.join(__static, 'secret.jsc'); /* global __static */
const secretFunctions = require('electron').remote.require(fileLocation);

export default {
    name: 'HelloWorld',
    data() {
        return {
            success: false,
            username: '',
            password: '',
        };
    },
    methods: {
        login() {
            this.success = secretFunctions.login(this.username, this.password);
        },
    },
};
</script>

[boygiandi]

thank you