require() 和 $ 未在 electron 中定义

Question

我添加了一段代码在 electron 应用程序的 html 文件中添加 jquery 代码。 但是每次在调试控制台部分启动应用程序时，它都会显示 require() 并且 $ 未定义。 这个问题的解决方案是什么？

问题部分的图像

你好世界

<button>click</button>

<script>
    window.$ = window.jQuery = require('./node_modules/jquery/dist/jquery.js');
</script>

<script>
    $(document).ready(function() {
        $("button").click(function() {
            $("h1").css("color", "red");
        });
    });
</script>

Answer 1

要使用 Node.js 的require function，您必须在BrowserWindow选项中启用webPreferences.nodeIntegration 。

例子：

new BrowserWindow({
    webPreferences: {
        nodeIntegration: true,
    },
    // Other options here.
});

所有 BrowserWindow 选项。 搜索nodeIntegration 。

默认情况下， nodeIntegration曾经是true 。 但在 v5.0.0 中，他们将默认设置更改为false 。

链接到问题