node-serialport is not working

[stalkercn]

Describe the bug

When node-serialport lib is imported, error occurred.

Node Version: 16.18.0
Node-SerialPort Version: 10.4.0
Electron Version: 20.3.3
Vite Version: 3.1.8
Electron-Vite Version: 1.0.11

Reproduction:

1. install node-serialport
   npm i serialport

2. code in main/index.ts:
   import { SerialPort } from serialport; console.log(SerialPort)

3. run electron-vite

Error: No native build was found for platform=win32 arch=x64 runtime=electron abi=107 uv=1 libc=glibc node=16.15.0 electron=20.3.3

Electron-Vite Version

1.0.11

Electron Version

20.3.3

Vite Version

3.1.8

Validations

• Follow the Code of Conduct.
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.

[alex8088]

need to externalize serialport, edit your config:

import { resolve } from 'path'
import { defineConfig, externalizeDepsPlugin } from 'electron-vite'
import vue from '@vitejs/plugin-vue'

export default defineConfig({
  main: {
    plugins: [externalizeDepsPlugin()]
  },
  preload: {
    plugins: [externalizeDepsPlugin()]
  },
 //...
})

use externalizeDepsPlugin to automatically externalize package.json dependencies.

Learm more about https://evite.netlify.app/guide/build.html#externals

[stalkercn]

app can be launched now, but when npm i is ran, there's still an error.

electron-builder install-app-deps

• electron-builder version=23.6.0
• loaded configuration file=C:\git\electron-app\electron-builder.yml
• rebuilding native dependencies dependencies=@serialport/bindings-cpp@10.7.0 platform=win32 arch=x64
⨯ cannot execute cause=fork/exec C:\Users\Administrator\AppData\Roaming\npm\node_modules\pnpm\bin\pnpm.cjs: %1 is not a valid Win32 application.
command='C:\Users\Administrator\AppData\Roaming\npm\node_modules\pnpm\bin\pnpm.cjs' rebuild @serialport/bindings-cpp@10.7.0
workingDir=
 ELIFECYCLE  Command failed with exit code 1.

[Taqibrian]

Pada tanggal Sel, 25 Okt 2022 08.25, stalkercn ***@***.***> menulis:

…

app can be launched now, but when npm i is ran, there's still an error. electron-builder install-app-deps • electron-builder version=23.6.0 • loaded configuration file=C:\git\electron-app\electron-builder.yml • rebuilding native dependencies ***@***.******@***.*** platform=win32 arch=x64 ⨯ cannot execute cause=fork/exec C:\Users\Administrator\AppData\Roaming\npm\node_modules\pnpm\bin\pnpm.cjs: %1 is not a valid Win32 application. command='C:\Users\Administrator\AppData\Roaming\npm\node_modules\pnpm\bin\pnpm.cjs' rebuild @***@***.*** workingDir= ELIFECYCLE Command failed with exit code 1. — Reply to this email directly, view it on GitHub <#42 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/A2Z4L6ULDSBYD6NES3IREI3WE4ZJJANCNFSM6AAAAAARM422AU> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[alex8088]

@stalkercn
Remove "postinstall": "electron-builder install-app-deps" in package.json after successfully installing serialport .

May be some problem in electron-builder install-app-deps rebuilding serialport. serialport/node-serialport#2463

[stalkercn]

@stalkercn Remove "postinstall": "electron-builder install-app-deps" in package.json after successfully installing serialport .

May be some problem in electron-builder install-app-deps rebuilding serialport. serialport/node-serialport#2463

this works.