node.js - 带有 Webpack 的 Electron 原生 NodeJS 模块

Question

我正在开发一个使用 Electron 和 React 创建的软件项目。我没有从头开始创建项目，我使用的是使用 Webpack 的样板。

该软件用于管理(销售和兑换)代金券，因此我还必须打印一些收据。通过网络使用打印机工作正常，正如它应该的那样。对于打印，我使用的是 node-thermal-printer 包 ( https://www.npmjs.com/package/node-thermal-printer )。

但有些打印机没有网络接口(interface)，只有USB或串口。

当 node-thermal-printer 与 USB 连接的打印机一起使用时，您必须提供“驱动程序”才能进行打印。他们建议使用 electron-printer 或 printer 模块，它们似乎都是原生 NodeJS 模块。

样板文件似乎为当前使用的体系结构编译 native 模块并创建一个 *.node 文件，该文件被复制到 .wepback/ 文件夹构建阶段。但是当我想使用这个包时，我得到了一个找不到模块的错误。

我正在使用以下行导入模块:

const printerDriver = require("printer");

当运行 npm start 时，编译 native 依赖项并创建 node_printer.node 文件并将其复制到 .webpack/main/native_modules/lib/node_printer .node.

单击打印按钮后，我收到以下错误:

Error: Cannot find module '/Users/stefan/Documents/Dev/vouchers/.webpack/main/native_modules/lib/node_printer.node'

但文件肯定存在。当我使用绝对路径导入打印机模块时，例如 const printerDriver = require("/Users/stefan/Documents/Dev/vouchers/node_modules/printer/build/Release/node_printer.node");它正在工作 - 但这不是我的解决方案。

这是我的 webpack.rules.js 文件，它是使用样板模板生成的:

module.exports = [
  // Add support for native node modules
  {
    // We're specifying native_modules in the test because the asset relocator loader generates a
    // "fake" .node file which is really a cjs file.
    test: /native_modules\/.+\.node$/,
    use: "node-loader",
  },
  {
    test: /\.(m?js|node)$/,
    parser: { amd: false },
    use: {
      loader: "@vercel/webpack-asset-relocator-loader",
      options: {
        outputAssetBase: "native_modules",
      },
    },
  },
  // ....
]

我只花了大约 3 个小时在互联网上搜索解决方案，但我找不到任何解决问题的方法。

感谢任何帮助。谢谢!

Answer 1

我想我刚刚找到了解决方案。我在我的 webpack.config.js 中提供了一个配置，并将 printer 模块设置为外部模块，如下所示:

webpack.config.js:

module.exports = {
  // ...
  externals: {
    printer: "printer",
  }
};

该死的，如果我早点尝试这个，我会节省很多时间进行研究。没关系，我希望我能帮助其他人解决这个问题。