visual-studio-code - Vscode 找不到 contextBridge.exposeInMainWorld 中定义的函数

Question

我刚开始修改electron-react-boilerplate项目并尝试执行以下操作：

在 App.tsx 文件中，我添加了一个按钮：

const ping = () => {
  electron.ipcRenderer.myAwesomePing('Hello world!');
};

const Hello = () => {
  return (
    <div>
      ...
      <button type="button" onClick={() => ping()}>
        Ping!
      </button>
      ...
    </div>
  );
};

在 preload.js 文件中，我添加了相应的调用myAwesomePing：

contextBridge.exposeInMainWorld('electron', {
  ipcRenderer: {
    myAwesomePing(text) {
      ipcRenderer.send('ipc-example', text);
    },

当我运行代码时，一切似乎都运行良好，并且我通过主进程的上下文桥接收到 ping。

但是，Visual Studio 代码一直在抱怨，它

Cannot find name 'electron'. Did you mean 'Electron'?

在 App.tsx 中。

这是因为我遗漏了某些东西还是只是 vscode 中的一个错误？是否有必要的构建步骤来创建连接？