报错如下：

Uncaught TypeError: Cannot read property 'modules' of undefined
at Object.eval (webpack-internal:///./node_modules/bindings/bindings.js:29)
at eval (webpack-internal:///./node_modules/bindings/bindings.js:223)
at Object../node_modules/bindings/bindings.js (chunk-vendors.js:255)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at eval (webpack-internal:///./node_modules/@serialport/bindings/lib/linux.js:2)
at Object../node_modules/@serialport/bindings/lib/linux.js (chunk-vendors.js:65)
at __webpack_require__ (app.js:849)
at fn (app.js:151)
at Object.eval (webpack-internal:///./node_modules/@serialport/bindings/lib/index.js:14)

总结下来：webpack不能解析二进制什么的...github有讨论

系统：win10  
"dependencies": {
    "core-js": "^3.6.5",
    "electron-prebuilt": "^1.4.13",
    "serialport": "^9.2.1",
    "vue": "^2.6.11"
"devDependencies": {
    "@vue/cli-plugin-babel": "~4.5.0",
    "@vue/cli-plugin-eslint": "~4.5.0",
    "@vue/cli-service": "~4.5.0",
    "babel-eslint": "^10.1.0",
    "electron": "^13.0.0",
    "electron-devtools-installer": "^3.1.0",
    "electron-rebuild": "^3.2.3",
    "eslint": "^6.7.2",
    "eslint-plugin-vue": "^6.2.2",
    "vue-cli-plugin-electron-builder": "~2.1.1",
    "vue-template-compiler": "^2.6.11"
解决方法：
 
const { IgnorePlugin } = require('webpack')
module.exports = {
  pluginOptions: {
    plugins: [
      new IgnorePlugin({
        resourceRegExp: /serialport/
    electronBuilder: {
      nodeIntegration: true,
      externals: [
        'serialport'
app.allowRendererProcessReuse = false
 
 重新运行即可
 
                    报错如下：Uncaught TypeError: Cannot read property 'modules' of undefined at Object.eval (webpack-internal:///./node_modules/bindings/bindings.js:29) at eval (webpack-internal:///./node_modules/bindings/bindings.js:223) at Object../node_modules/bi...
node-gyp是用来编译c++模块的工具，这里用来编译serialport，
node-gyp的github文档-
全局安装 npm install -g node-gyp
通过命令npm install --global --production windows-build-tools,但是要注意
的是必须以管理员的身份启动CMD窗口
安装完成之后执行一下命令
npm config set msvs_version 2017
其他安装方法……百度
项目的安装与使用
clone到本地
# clone到本地
git clone https://github.com/648702308/electron-vue-serialport.git
# 切换到项目目录
npm install`或者`cnp
				
这里写自定义目录标题electronelectron-vueelectron-vue使用serialport进行串口通讯使用过程的问题
electron
本质上，electron 就是一个带了 Chrome 浏览器的壳子。它结合了Chromium、Node.js和用于调用操作系统本地功能的APIs（如打开文件窗口、通知、图标等）
electron-vue
electron-vue 是一个结合 vue-cli 与 electron 的项目，主要避免了使用 vue 手动建立起 electron 应用程序。
				
vue3项目使用了element-plus中的el-table表格组件，缩放浏览器网页时，报错如下：
ResizeObserver loop limit exceeded
    at eval (webpack-internal:///./node_modules/webpack-dev-server/client/overlay.js:296:58)
# serve with hot reload at localhost:9080
npm run dev
# build electron application for production
npm run build
 该项目是通过使用 @ 生成的。 关于原始结构的文档可以在找到。
				
Vue CLI插件Electron Builder可以轻松构建带有Electron Build状态的台式机Vue.js应用程序：快速入门：在Vue CLI Plugin Electron Builder可以轻松地构建带有Electron Build状态的台式机Vue.js App桌面。 ：在使用Vue-CLI 3或4创建的应用程序目录中打开一个终端（建议使用4）。
然后，通过运行以下命令安装并调用vue-cli-plugin-electron-builder的生成器：vue add electronic-builder就是这样！
您准备好出发了！
要启动开发服务器，请执行以下操作：如果您使用Yarn（强烈建议使用）：yarn electronic：serve或如果您使用NPM：npm run electronic：serve
错误原因：
在创建新的串口对象之后赋值给data中的一个空对象port，问题是后面方法中port调用一些串口的方法(比如open，write等)不能正常使用，发现原因应该是this的指向问题，进行赋值操作之后，已经不再是原对象，所以不能使用串口中的方法。
解决方式：
改变一下t...
				
Uncaught TypeError: Cannot read properties of undefined (reading 'prototype')
    at eval (webpack-internal:///./node_modules/element-ui/lib/utils/types.js:39)
    at Object../node_modules/element-ui/lib/utils/types.js (chunk-vendors.js:2923)
    at __webp
				
vue-router.esm-bundler.js?6c02:2143 Uncaught TypeError: Object(…) is not a function
at eval (webpack-internal:///./node_modules/vue-router/dist/vue-router.esm-bundler.js:2161:97)
at Module…/node_modules/vue-router/dist/vue-router.esm-bundler.js (chunk-vend
				
vue.esm.js?efeb:113 Uncaught TypeError: Cannot read property 'toLowerCase' of undefined
  at eval (webpack-internal:///./node_modules/vue/dist/vue.esm.js:114:38)
  at validateComponentName (webpac...
				
vue-cli-plugin-electron-builder 是一个基于 Vue CLI 的 Electron 应用程序快速开发插件，可以方便地创建和构建 Electron 应用程序。在构建 Electron 应用程序的过程中，需要准备好一套完整的开发环境，其中 Linux 环境是一个重要的平台，一个良好的 Linux 环境能够为应用程序的开发工作提供更好的支持。
在 Linux 环境下使用 vue-cli-plugin-electron-builder，需要首先安装好 Node.js 和相关的模块，以及 Electron 和其他必要的开发工具。在安装完成后，可以使用 Node.js 提供的 npm 命令将 vue-cli-plugin-electron-builder 安装到开发环境中。
在 Linux 环境中使用 vue-cli-plugin-electron-builder 进行开发时，需要准备好项目的配置文件，其中包含了一些基本的配置参数，例如应用程序的名称、版本、图标、启动页面等等。同时，在配置文件中还需要设置一些参数来指定应用程序的构建方式，例如应用程序的输出目录、资源文件的文件名、构建过程中产生的日志文件名等等。
在配置完成后，可以使用 vue-cli-plugin-electron-builder 提供的命令来启动开发服务器，预览应用程序的运行效果，并进行开发工作。在应用程序开发完成后，可以使用同样的命令进行构建和打包工作，生成可执行文件和安装包，以便在 Linux 平台中安装和运行应用程序。
总之，在 Linux 环境中使用 vue-cli-plugin-electron-builder 进行开发，需要遵循一定的开发规范和流程，同时要根据具体的业务需求选择合适的配置和工具，才能最终实现高质量的应用程序开发工作。