带有 Webpack 的 Electron 原生 NodeJS 模块

Electron native NodeJS module with Webpack

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

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

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

node-thermal-printer 与 USB 连接的打印机一起使用时,您必须提供“驱动程序”才能进行打印。他们建议使用 electron-printerprinter 模块,它们似乎都是原生 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 个小时在互联网上搜索解决方案,但找不到任何解决问题的方法。

感谢任何帮助。谢谢!

无需在 require 中对绝对路径进行硬编码,您只需使用如下解决方案重建它:


let path = require('path')
let printerDriver = require(path.join(__dirname,'node_modules/printer/build/Release/node_printer.node')

//do stuff

它不是最好的,但我多次使用它来解决这类问题

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

webpack.config.js:

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

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