Electron-TypeScript-React 应用程序中本机模块的接口

编程问答 2022-05-15

问题描述

我正在编写一个应用程序，该应用程序依赖于使用 Electron、React 和 TypeScript 的原生 Node 模块。我有上下文隔离，并且正在使用预加载脚本将本机模块的 API 公开到全局范围。我的预加载脚本如下所示：

const {contextBridge} = require('electron')

contextBridge.exposeInMainWorld('electron',{basis: require('basis')})

在我的应用程序的非打字稿版本中，我可以这样使用它：

window.electron.basis["some property of the native module"]

然而，TypeScript 显然没有原生模块 API 的概念。我应该如何让它知道？我的一次成功在于我的 index.tsx 推杆：

declare global {
    interface Window {
        electron: { basis: { greeting(): string } };
    }
}

但这看起来很笨拙。我应该在本机模块中放置一个 .d.ts 文件吗？我可以导出这个界面合并到不同的文件吗？作为参考，我将 Neon 与 N-API 后端一起使用。

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

electronelectronnode-native-addonpreloadjsreactjsreactjsreactjsreactjstypescripttypescripttypescript