带有 Webpack 的 Electron 原生 NodeJS 模块

Question

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

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

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

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

样板似乎为当前使用的架构编译本机模块并创建一个文件，该文件在构建阶段*.node复制到文件夹中。.wepback/但是当我想使用该包时，我收到一个错误，提示找不到该模块。

我使用以下行导入模块：

const printerDriver = require("printer");

运行时，npm start会编译本机依赖项并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",
  }
};

该死的，如果我早点尝试的话，我就能节省大量的研究时间。没关系，我希望我可以帮助其他人解决这个问题。