[英]Node-serial port as external module in webpack - module not found
我正在尝试让 node-serialport 与电子和 webpack 一起工作。
# webpack.config.js
externals: {
serialport: "serialport"
}
这是我的应用程序中的代码:
// read NMEA data from serial port
const SerialPort = require('serialport');
console.log(SerialPort.list());
const Readline = SerialPort.parsers.Readline;
const port = new SerialPort('/dev/tty.Redmi-ShareGPS', { baudRate: 4800 });
const parser = port.pipe(new Readline({ delimiter: '\r\n' }));
// Open errors will be emitted as an error event
port.on('error', function(err) {
console.log(err.message);
})
// send NMEA data to GPS.js
parser.on('data', function(data) {
// gps.update(data);
});
问题在第一行: const SerialPort = require('serialport');
Webpack 编译一切都没有错误,但我有一个浏览器控制台错误:
Uncaught ReferenceError: serialport is not defined
at Object.<anonymous> (bundle.js:65651)
at __webpack_require__ (bundle.js:20)
at Object.<anonymous> (bundle.js:65630)
at __webpack_require__ (bundle.js:20)
at Object.<anonymous> (bundle.js:31520)
at __webpack_require__ (bundle.js:20)
at Object.<anonymous> (bundle.js:25595)
at __webpack_require__ (bundle.js:20)
at _ol_ (bundle.js:63)
at bundle.js:66
webpack 生成的 bundle.js 源于此:
/* 315 */
/***/ (function(module, exports, __webpack_require__) {
// read NMEA data from serial port
const SerialPort = __webpack_require__(316);
console.log(serialport.list());
const Readline = SerialPort.parsers.Readline;
const port = new SerialPort('/dev/tty.Redmi-ShareGPS', { baudRate: 4800 });
const parser = port.pipe(new Readline({ delimiter: '\r\n' }));
// Open errors will be emitted as an error event
port.on('error', function (err) {
console.log(err.message);
});
// send NMEA data to GPS.js
parser.on('data', function (data) {
// gps.update(data);
});
/***/ }),
/* 316 */
/***/ (function(module, exports) {
module.exports = serialport;
/***/ })
/******/ ]);
错误行正是module.exports = serialport;
根据关于 externals 的 webpack 文档,我想我需要以某种方式将 serialport 作为全局变量包含在内,但该示例适用于 jQuery,它是一个 js 文件,而 serialport 是节点模块。
如何使它工作?
经过数小时的挫折,我搬了
const SerialPort = require('serialport');
从应该由webpack绑定到index.html的javascript文件中:
<script>
const SerialPort = require('serialport');
</script>
<script src="dist/bundle.js"></script>
现在可以识别SerialPort。
另外,似乎webpack-dev-server在Electron和serialport上不能很好地工作。 我必须启动完整的电子应用程序。
remote
。 您可能还想尝试使用remote
:
const SerialPort = require( "electron" ).remote.require( "serialport" );
使用eval
const serialport = eval(`require('serialport')`)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.