javascript - 有条件地将 Electron 导入 native Web应用程序

Question

我目前有一个针对Android和Electron的react-native-web应用程序。

我已经在应用程序中添加了 Electron 快捷方式，并且在react组件中使用ipcRenderer来监听加速器并运行特定于React的代码。

问题是，除非我将ipcRenderer导入.web.js文件，否则在运行Android时会收到以下错误:

Unable to resolve module `fs` from `/Users/.../node_modules/electron/index.js`: Module `fs` does not exist in the Haste module map

导致问题的代码片段:

if (isElectron()) {
    const { ipcRenderer } = require('electron'); <-- this line

我试图像这样将导入 package 在 Platform.OS条件中

if (Platform.OS === 'web') {
    const isElectron = require('is-electron');

    if (isElectron()) {
        const { ipcRenderer } = require('electron');

但是，我仍然收到相同的错误。

谢谢 :)

Answer 1

找到了解决我的问题的方法:)

我做了2个文件
ipcRenderer.js包含一个空对象的导出

和ipcRenderer.web.js，其中包含isElectron()检查并从 Electron 导出了空值或ipcRenderer