在使用ipc通信时 ,在渲染进程的Vue + TypeScript 开发过程,给window对象添加属性并赋值时,发生报错解决方法

时间:2024-11-15 19:12:05

报错图片如下:

解决方案如下:(在env.d.ts文件下声明,任何一个env.d.ts的文件都行)

// env.d.ts

declare interface Window {
    getSource: any
}





// 这个是IPC预加载文件,暴露给window用的是getSource, 所以上面声明的是getSource, 这个代码不用管,理解上面的意思用的
const {ipcRenderer, contextBridge} = require('electron')

const handleGetSource = url => ipcRenderer.invoke('on-url-event', url)

const handleAlert = msg => ipcRenderer.invoke('on-alert-event', msg)

contextBridge.exposeInMainWorld('getSource', {
    handleGetSource,
    handleAlert
})