电子：NodeJS 'net' 模块返回空对象

Question

我刚开始开发我的第一个电子应用程序并导入了一些使用net 模块的现有代码。 当我从电子应用程序导入代码时，net 模块返回一个空对象。

const net = require('net'); // => {}

我认为电子将节点与所需的本机模块捆绑在一起，所以我对为什么导入不起作用有点困惑。

编辑：我已经使用vue-cli-tools 引导应用程序，因此它使用 webpack 来捆绑依赖项。不确定这是否重要。

Answer 1

我认为电子将节点与所需的本机模块捆绑在一起，

确实如此，但是将浏览器运行时和 node.js 运行时捆绑在一起仍然会给您留下两个不同的运行时。

了解Main and Renderer processes 之间的区别对于 Electron 开发至关重要。

主进程在 Node.js 运行时上运行，并且可以访问 Node.js API（如 net）。

渲染器进程在 Chromium 上运行，并且可以访问浏览器 API（如 DOM）。

您无法从客户端 Vue 代码访问 net，因为它正在 Renderer 进程中运行。

你需要在主进程中创建一个服务，并在它和渲染器中运行的东西之间交换数据。

这通常使用IPC apis 完成。

// In main process.
const { ipcMain } = require('electron')
ipcMain.on('message-from-browser', (event, arg) => {
  const something = doSomethingWithNetModule()
  event.reply('reply-to-browser', something)
})

和

// In renderer process (web page).
const { ipcRenderer } = require('electron')

ipcRenderer.on('asynchronous-reply', (event, arg) => {
    doSomethingWithDataFromNetModule(arg)
})

ipcRenderer.send('message-from-browser', 'do something with the net module please')

请注意，由于您使用的是 Webpack，您将遇到require("electron") 的问题，这些问题在in this question 中进行了解释。

Answer 2

Weback 可能正在尝试捆绑 net。尝试两件事：

在vue.config.js 中使用 webpack 配置 externals 选项。 （请注意，您可能需要在下面的选项中使用 commonjs2，请参阅externals 文档了解更多信息）

module.exports = {
  configureWebpack: {
    externals: {
      net: 'commonjs net',
    }
  },
}

或者（不那么推荐，但在过去发现正确的 webpack 设置被证明是顽固的），重命名 require 以便 webpack 忽略它：

const _require = require;
//...
const net = _require('net');