Electron Forge - невозможно использовать ipcRenderer в файле рендерера. - PullRequest
Новая
       39

Electron Forge - невозможно использовать ipcRenderer в файле рендерера.

4 голосов
/ 19 июня 2020

Я только что создал новое приложение, используя следующую команду: 

npx create-electron-app my-new-app --template=typescript-webpack

Внутри renderer.ts Я добавил следующий код 

import "./index.css";
import { ipcRenderer } from "electron";

Но когда Я запускаю npm запуск запуска У меня следующая ошибка в консоли браузера 

Uncaught ReferenceError: require is not defined

Обновление То, что я пробовал:

webpack.plugins. js

const ForkTsCheckerWebpackPlugin = require("fork-ts-checker-webpack-plugin");
const webpack = require("webpack");
module.exports = [
  new ForkTsCheckerWebpackPlugin(),
  new webpack.ExternalsPlugin("commonjs", ["electron"]),
];

Но все равно не работает.

Ответы [ 2 ]

2 голосов
/ 19 июня 2020

Найдено решение

Решение заключается в использовании ipcRenderer в сценарии предварительной загрузки.

preload.ts 

import { ipcRenderer } from "electron";

index.ts 

const mainWindow = new BrowserWindow({
  height: 600,
  width: 800,
  webPreferences: {
    preload: MAIN_WINDOW_PRELOAD_WEBPACK_ENTRY,
  },
});

пакет. json

  "plugins": [
    [
      "@electron-forge/plugin-webpack",
      {
        "mainConfig": "./webpack.main.config.js",
        "renderer": {
          "config": "./webpack.renderer.config.js",
          "entryPoints": [
            {
              "html": "./src/index.html",
              "js": "./src/renderer.ts",
              "name": "main_window",
              "preload": {
                "js": "./src/preload.ts"
              }
            }
          ]
        }
      }
    ]
  ]
0 голосов
/ 19 июня 2020

В индексе. js при создании нового окна используйте 

win = new BrowserWindow({
        webPreferences: {
            preload: path.join(__dirname, 'app', 'assets', 'js', 'preloader.js'),
            nodeIntegration: true,
            contextIsolation: false
        },
    })

Просто добавьте nodeIntegration: true в webPreferences. Тогда вы сможете использовать require

...