Electron. js как использовать функцию require в html тегах script - PullRequest
0 голосов
/ 18 января 2020

Здравствуйте.

Я пытаюсь разработать приложение с использованием Electron. js. У меня проблема. Мне нужно требовать теги сценария в html. Но когда я делаю это, мой другой код JavaScript не работает. Что мне делать?

Выполнить:

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Application</title>
</head>
<body>

    <button id="tstbtn">TEST BUTTON</button>

<script>
//const ElectronLIB = require("electron");

let tstbtn = document.querySelector("#tstbtn");
tstbtn.addEventListener("click", () => {
    alert();
})

</script>

</body>
</html>

Не запускать:

!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>My Application</title>
</head>
<body>

    <button id="tstbtn">TEST BUTTON</button>

<script>
const ElectronLIB = require("electron");

let tstbtn = document.querySelector("#tstbtn");
tstbtn.addEventListener("click", () => {
    alert();
})

</script>

</body>
</html>

Примечание. При последующем вызове функции require запускается событие click .

Ответы [ 2 ]

0 голосов
/ 20 января 2020

Есть ли информация об ошибке в DevTool? например:

Uncaught ReferenceError: require не определен.

Если есть ошибки, вы можете включить nodeIntegration при открытии

BrowserWindow, for example 
    splashWindow = new BrowserWindow({
     width: 900,
     height: 600,
     show: true,
     frame: false,
     resizable: false,
     webPreferences: {
      nodeIntegration: true
     }
    });
0 голосов
/ 18 января 2020

Электрон требует node.js. В вашем пакете. json Главная точка входа проекта - это место, где вы объявляете:

const ElectronLIB = require("electron");
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...