typescriptで電子モジュールをロードする方法

Question

電子からipcRendererモジュールをタイプスクリプトで取得して、現在のコンポーネントからコアに情報を送信し、情報をウィンドウ（電子クロムブラウザ）に戻すことを試みます。 tsコードをES5にトランスコードすることで、「モジュールが見つかりません」というエラーが表示されます。

= CONST IPCが（ '電子'）を必要とするipcRenderer; `

更新：エラー "モジュールが見つかりません" およびこれの切り替えれる：

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

現在のelectron-apiからのものです。私もtypescriptからインポート構文を使用しようとしましたが、結果は同じです。

私はES5ファイルでelectron.ipcRendererモジュールを使用しようとしたが、htmlファイルに直接ロード/リンクされていた。

それが機能しました。どうして？

Answer 1

解決済み 10h検索後の問題。 問題は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

私はelectron5.ipcRendererモジュールをES5ファイルで使用しようとしたが、htmlファイルに直接ロード/リンクされていた。

それはHTMLに動作しますが、TSに失敗した場合は、エラーがconst ipc = require('electron').ipcRenderer;ではないことを意味します。エラーは、ファイルをhtmlからロードする必要があります（require('electron')ではありません）。

Answer 3

ブラウザアプリで電子依存性は、それがnode_modulesからwebpackedではなく、実行時にロードされていないという意味、本当ではないので、必要の文は、「FS」は見つかりませんなどのエラーを引き起こしました私。

しかしあなたはこれでtypescriptですトリックをすることができます：あなたはそれが内部実行している場合にのみ電子によって拡張されたWebアプリケーションを、書いているならば、これはあなたドン以来、より良い方法である。また

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

コミュニケーションパーツを使用するときだけ、電子アプリケーションに依存関係として電子を追加する必要があります。