javascript - Electron.js如何在HTML脚本标记中使用require函数

标签 javascript html electron

你好。

我正在尝试使用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事件正在运行。

最佳答案

DevTool中是否有任何错误信息?喜欢:

Uncaught ReferenceError: require is not defined.



如果有错误,可以在打开时启用nodeIntegration
BrowserWindow, for example 
    splashWindow = new BrowserWindow({
     width: 900,
     height: 600,
     show: true,
     frame: false,
     resizable: false,
     webPreferences: {
      nodeIntegration: true
     }
    });

关于javascript - Electron.js如何在HTML脚本标记中使用require函数,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/59803490/

相关文章:

javascript - 如何从服务器端脚本读取 true/false 响应以将 true/false 返回给 jQuery 函数?

javascript - 停止 JavaScript 脚本执行

html - 许多 SCSS/SASS 文件到一个 CSS 文件?

electron - 如何将Electron crashReporter minidump文件上传到远程服务器并在本地存储?

angular - 如何在 Electron 中将 livereload 与 Webpack 一起使用?

javascript - 为 AJAX JSON 调用创建 for-loop/.each 循环

javascript - Ajax 结果改变 Jade 赋值变量

javascript - React Redux Promise 错误 - (...).then 不是一个函数

javascript - anchor 标记在列表项中不起作用

gitlab - 使用 GitLab 持续部署 Electron 应用程序