I cant use in Cordova-Electron require

[OkamiTsuri]

Hi, I'm trying to implement a project using Cordova that should run on both Android and Electron. I've been working on it for a week already, but I keep running into the same problems. I'm trying to use the SerialPort module, but as soon as I try to use require, it immediately says that it's not defined. I've tried all the solutions I could find online, but I've failed again and again.

[erisu]

require is not available in the front-end (web) context of a Cordova application.

To use modules like SerialPort, you need to create a Cordova plugin that includes the SerialPort module in its native (Electron) implementation. The plugin should expose APIs that the front-end can call through the Cordova JS bridge. The native layer of the plugin would internally handle requiring and interacting with the SerialPort module.

Communication flow:

Application Logic ↔ Cordova Plugin (Front-end Layer) ↔ Cordova JS Bridge ↔ Cordova Plugin (Native Layer)

Cordova-Electron uses Context Isolation), which affects how scripts interact with Electron internals:

Context Isolation is a feature that ensures both your preload scripts and Electron's internal logic run in a separate context from the website loaded in a webContents. This improves security by preventing the website from accessing Electron internals or the powerful APIs exposed by preload scripts.

For a reference implementation, the Cordova Device Plugin provides a good example of how to structure a plugin that supports Electron.