我已经升级到 Electron 14,重构了我的项目以适应 "Removed: remote module"破坏性更改,但由于以下 TypeScript 错误,我无法编译它:
Type '{ plugins: true; nodeIntegration: true; contextIsolation: false; enableRemoteModule: true; backgroundThrottling: false; webSecurity: false; }' is not assignable to type 'WebPreferences'.
Object literal may only specify known properties, and 'enableRemoteModule' does not exist in type 'WebPreferences'.ts(2322)
electron.d.ts(12612, 5): The expected type comes from property 'webPreferences' which is declared here on type 'BrowserWindowConstructorOptions'
受影响的代码:const window = new electron.BrowserWindow({
// ...
webPreferences: {
plugins: true,
nodeIntegration: true,
contextIsolation: false,
enableRemoteModule: true,
backgroundThrottling: false,
webSecurity: false
},
// ...
});
这是 Electron v14 中的错误还是有意更改?什么是解决方法?
最佳答案
现在 Electron 14.0.1 已经发布,这就是我如何启用 remote
Main 和 Renderer 进程的模块(您的 webPreferences
设置可能会有所不同)。
一、安装@electron/remote
包(重要:没有 --save-dev
,因为它需要捆绑):
npm install "@electron/remote"@latest
然后,对于主进程: // from Main process
import * as electron from 'electron';
import * as remoteMain from '@electron/remote/main';
remoteMain.initialize();
// ...
const window = new electron.BrowserWindow({
webPreferences: {
plugins: true,
nodeIntegration: true,
contextIsolation: false,
backgroundThrottling: false,
nativeWindowOpen: false,
webSecurity: false
}
// ...
});
remoteMain.enable(window.webContents);
对于渲染器进程: // from Renderer process
import * as remote from '@electron/remote';
const window = new remote.BrowserWindow({
webPreferences: {
plugins: true,
nodeIntegration: true,
contextIsolation: false,
backgroundThrottling: false,
nativeWindowOpen: false,
webSecurity: false
}
// ...
});
// ...
// note we call `require` on `remote` here
const remoteMain = remote.require("@electron/remote/main");
remoteMain.enable(window.webContents);
或者,作为单线:require("@electron/remote").require("@electron/remote/main").enable(window.webContents);
重要的是要注意,如果是从这样的渲染器进程创建的,BrowserWindow
是 remote object ,即 BrowserWindow
的渲染器代理在 Main 进程中创建的对象。
关于typescript - Electron v14 TypeScript 类型定义中缺少 enableRemoteModule,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/69059668/