不能在带有 TypeScript Create React App 和预加载脚本的 Electron 中使用`require`答案

【问题标题】：Can't use `require` in Electron with TypeScript Create React App nor preload script不能在带有 TypeScript Create React App 和预加载脚本的 Electron 中使用`require`
【发布时间】：2021-03-14 06:23:08
【问题描述】：

我正在尝试在 (Create)React(app) 代码中导入 Electron ipcRenderer，但遇到了障碍：

预加载脚本未执行：

new BrowserWindow({
      titleBarStyle: "customButtonsOnHover",
      resizable: false,
      width: config.width,
      height: config.height,
      webPreferences: {
        contextIsolation: false,
        nodeIntegration: true,
        preload: path.join(__dirname, "..", "preload.js"),
      },
    })

我尝试将脚本添加到 index.html 中

  <script>
      console.log(require);
  </script>

导致：

require 未定义

似乎是由于 webpack 路径无法正常工作？将电子 ipcRenderer 导入 React 代码应该使用哪种解决方案？

【问题讨论】：

你可能想使用contextBridge，见electronjs.org/docs/tutorial/context-isolation

标签： electron

【解决方案1】：

还需要为视图启用节点：

 new BrowserView({
    webPreferences: {
      nodeIntegration: true,
    },
  })

【讨论】：