Electron JS - Cannot destructure property #39;BrowserWindow#39; of #39;require(...).remote#39; as it is undefined(Electron JS - 无法解构require(...).remote的属性BrowserWindow,因为它未定义)
问题描述
这是在渲染进程中:
const {BrowserWindow} = require('electron').remote
const path = require('path')
const url = require('url')
const newWindowButton = document.getElementById('new-window-btn');
newWindowButton.addEventListener('click',(e)=>{
let win3 = new BrowserWindow();
win3.loadURL(url.format({
pathname: path.join(__dirname,'index3.html'),
protocol: "file",
slashes: true
}))
})
我无法在渲染器进程中打开新窗口,出现以下错误.
**未捕获的类型错误:无法按原样解构require(...).remote"的属性BrowserWindow"
**Uncaught TypeError: Cannot destructure property 'BrowserWindow' of 'require(...).remote' as it is
undefined.**
at Object.<anonymous> (D:ElectronTutehelloWorldindex1.js:4)
at Object.<anonymous> (D:ElectronTutehelloWorldindex1.js:21)
at Module._compile (internal/modules/cjs/loader.js:1145)
at Object.Module._extensions..js (internal/modules/cjs/loader.js`enter code here`:1166)
at Module.load (internal/modules/cjs/loader.js:981)
at Module._load (internal/modules/cjs/loader.js:881)
at Function.Module._load (electron/js2c/asar.js:769)
at Module.require (internal/modules/cjs/loader.js:1023)
at require (internal/modules/cjs/helpers.js:77)
at index1.html:13
推荐答案
mainWindow = new BrowserWindow({
width: 1280,
height: 960,
webPreferences: {
nodeIntegration: true,
enableRemoteModule: true,
},
});
我相信您正在使用新版本的 Electron.从 v9 版本开始,我们不允许在渲染器上使用 remote
,除非将 enableRemoteModule
设置为 true.
I believe you are using the new version of Electron. From v9 version, we are not allowed to use remote
on the renderer unless set the enableRemoteModule
as true.
另外,为了使用 require()
在渲染器上加载 node_moduels
,我们还需要启用 nodeIntegration
.需要的是节点 API 之一.
Plus in order to load node_moduels
on renderer by using require()
, we need to also enable the nodeIntegration
as well. As require is one of node APIs.
https://github.com/electron/electron/issues/21408
这篇关于Electron JS - 无法解构'require(...).remote'的属性'BrowserWindow',因为它未定义的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:Electron JS - 无法解构'require(...).remote'的属性


- 在不使用循环的情况下查找数字数组中的一项 2022-01-01
- 如何显示带有换行符的文本标签? 2022-01-01
- 为什么我的页面无法在 Github 上加载? 2022-01-01
- 从原点悬停时触发 translateY() 2022-01-01
- 为什么悬停在委托事件处理程序中不起作用? 2022-01-01
- 如何向 ipc 渲染器发送添加回调 2022-01-01
- 是否可以将标志传递给 Gulp 以使其以不同的方式 2022-01-01
- 我不能使用 json 使用 react 向我的 web api 发出 Post 请求 2022-01-01
- 如何调试 CSS/Javascript 悬停问题 2022-01-01
- 使用 iframe URL 的 jQuery UI 对话框 2022-01-01