带有 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-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 个小时在互联网上搜索解决方案,但找不到任何解决问题的方法。
感谢任何帮助。谢谢!
无需在 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",
}
};
该死,如果我早点尝试这个,我会节省很多时间进行研究。没关系,我希望我能帮助其他人解决这个问题。
我正在开发一个使用 Electron 和 React 创建的软件项目。我没有从头开始创建项目,我使用的是使用 Webpack 的样板文件。
这个软件是用来管理(销售和兑换)代金券的,所以我还要打印一些收据。通过网络使用打印机工作正常,正如它应该的那样。对于打印,我使用 node-thermal-printer
包 (https://www.npmjs.com/package/node-thermal-printer).
但有些打印机没有网络接口,只有 USB 或串口。
当 node-thermal-printer
与 USB 连接的打印机一起使用时,您必须提供“驱动程序”才能进行打印。他们建议使用 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 个小时在互联网上搜索解决方案,但找不到任何解决问题的方法。
感谢任何帮助。谢谢!
无需在 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",
}
};
该死,如果我早点尝试这个,我会节省很多时间进行研究。没关系,我希望我能帮助其他人解决这个问题。