Import package in javascript file which is script for html

Question

I am doing electron project. In it every tutorial i have watched is adding js in <script> tag i want to separate the js code from html. So i

...
    <script type="text/javascript" src="./../scripts/upload.js" ></script>
...
        <input onchange="upload()" id='train-button' type="file">File</input>
....

and in js file i

function upload(){
    const electron = require('electron');
    const {ipcRenderer} = electron;

    if (x.files.length == 0) {
        alert("Select one or more files.");
    }else{
        ipcRenderer.send("saveFile",targetFile,destinationPath)
    }
}

Now here i am getting error that

Uncaught ReferenceError: require is not defined

but if i define require outside the upload function then it is not running that line and saying

electron is undefined

reZach · Accepted Answer · 2020-09-15 04:41:58Z

1

Try setting nodeIntegration:true in your BrowserWindow config. Doing so will enable require in your js file.

However, this is very poor security practice. I recommend using a security-focused template.

This post might also help explain to you more about best-practices in electron apps regarding using IPC between renderer/main processes.

answered Sep 15, 2020 at 4:41

reZach

9,56913 gold badges58 silver badges101 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Import package in javascript file which is script for html

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related