Wie man Elektronenmodul in Typoskript lädt

Question

Ich versuche, das ipcRenderer-Modul von Elektron in Typoskript zu bekommen, um Informationen von der aktuellen Komponente zum Kern zu senden und Informationen zurück zum Fenster zu erhalten (Elektron-Chrom-Browser). Alles, was ich bekomme, ist ein Fehler "Module nicht gefunden" durch Umcodieren des ts-Codes zu ES5.

const ipc = require ('Elektron') ipcRenderer; `

Update:. Der Fehler zwischen dem schaltet "Modul nicht gefunden" und diese:

ERROR in ./~/electron/index.js Module build failed: Error: ENOENT, open '/.../node_modules/electron/index.js' @ ./app/components/search/search.ts 12:10-29

That ist von der aktuellen electron-api. Ich habe auch versucht, die Import-Syntax von Typoskript zu verwenden, aber das Ergebnis ist das gleiche.

Dann habe ich versucht, das electron.ipcRenderer Modul in einer ES5-Datei zu verwenden, direkt in der HTML-Datei geladen/verlinkt.

Dort hat es funktioniert. Warum?

Answer 1

Gelöst das Problem nach 10h Suche. Problem war der Webpack-Transcoder.

https://github.com/chentsulin/webpack-target-electron-renderer

https://github.com/chentsulin/electron-react-boilerplate/blob/master/webpack.config.development.js

Answer 2

Dann habe ich versucht, das electron.ipcRenderer Modul in einer ES5-Datei zu verwenden, direkt in der html-Datei geladen/verlinkt.

Wenn es in html funktioniert aber nicht in ts es bedeutet, dass der Fehler nicht in const ipc = require('electron').ipcRenderer; ist. Der Fehler ist am likelyy im Import, den Sie Ihre Datei von HTML laden müssen (und nicht require('electron')).

Answer 3

Da Elektronen Abhängigkeit im Browser App ist nicht real, das heißt es nicht von node_modules ist webpacked sondern in Laufzeit geladen, verursacht die erfordern Anweisung Fehler wie „fs“ nicht gefunden mich.

auch immer Sie das Typoskript mit diesem Trick kann:

if (typeof window['require'] !== "undefined") { let electron = window['require']("electron"); let ipcRenderer = electron.ipcRenderer; console.log("ipc renderer", ipcRenderer); }

Auch wenn Sie einen Web-App schreiben, die nur durch Elektronen erhöht wird, wenn es im Innern läuft, ist dies ein besserer Weg, da Sie don Wenn Sie die Kommunikationsteile verwenden, müssen Sie Ihrer Webanwendung kein Elektron als Abhängigkeit hinzufügen.