javascript - 使用 Electron-Vue.js 的串口

Question

我尝试使用 electron-vue.js 做串口来监听我的 COMports。当我尝试在下面编写代码时。

const SerialPort = require("serialport");
const Readline = SerialPort.parsers.Readline;

const port = new SerialPort("COM3", {
    baudRate: 9600,
});

const parser = new Readline();
port.pipe(parser);

//Read Data
parser.on("data", (line) => {
    console.log(line);
});

//Send Data
parser.write("Sended Data !");

我在控制台中遇到以下错误。

TypeError: Cannot read property 'modules' of undefinedat Object.eval (bindings.js?dfc1:29)at eval (bindings.js:223)at Object../node_modules/bindings/bindings.js (0.js:231)at webpack_require (app.js:854)at fn (app.js:151)at eval (linux.js?88eb:2)at Object../node_modules/@serialport/bindings/lib/linux.js (0.js:65)at webpack_require (app.js:854)at fn (app.js:151)at Object.eval (index.js?c888:14)

我该如何解决这个问题？

顺便说一下，当我尝试在 node.js 中运行这段代码时，它运行了。但是当我尝试在 Vue.js 中运行这段代码时，它没有运行。

谢谢

Answer 1

serialport 使用物理资源，因此不能作为客户端包进行 webpacked。您需要将串行端口标记为构建器的外部端口。

// vue.config.js

module.exports = {
  pluginOptions: {
    electronBuilder: {
      externals: ["serialport"],
    },
  },
},