Electron is unable to build

Wappler General Bugs
1

Wappler Version : Beta 24
Operating System : Windows 11
Server Model: Capacitor

When trying to add/build with Electron from the dropdown, it stated that I needed NodeJS version >20. After updating to the latest Node (22.14), the following error appears as soon as you select electron from the dropdown:

TypeError: Invalid version. Must be a string. Got type "object". at new SemVer (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\semver\classes\semver.js:19:13) at compare (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\semver\functions\compare.js:3:3) at Object.lt (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\semver\functions\lt.js:2:29) at a.addNodePackage (file:///C:/Users/Tom/AppData/Local/Wappler%20Beta/resources/app/Shared/DMXzone/dmxAppCreator/UI/w2editor_cordova_manager.js:1:13185) at a.addPlatform (file:///C:/Users/Tom/AppData/Local/Wappler%20Beta/resources/app/Shared/DMXzone/dmxAppCreator/UI/w2editor_cordova_manager.js:1:45984) at Object.yes_callBack (file:///C:/Users/Tom/AppData/Local/Wappler%20Beta/resources/app/Shared/DMXzone/dmxAppCreator/UI/w2editor_cordova_manager.js:1:6635) at HTMLButtonElement.<anonymous> (file:///C:/Users/Tom/AppData/Local/Wappler%20Beta/resources/app/Shared/DMXzone/dmxAppCreator/UI/w2ui/w2ui.min.js:11:257330) at HTMLButtonElement.dispatch (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\jquery\dist\jquery.js:5430:27) at elemData.handle (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\jquery\dist\jquery.js:5234:28) at HTMLButtonElement.sentryWrapped (C:\Users\Tom\AppData\Local\Wappler Beta\resources\app\node_modules\@sentry\browser\cjs\helpers.js:92:17)

50TwZfmZ1t

2

Tested on windows with v25 and no issues..
What about running npm install @capacitor-community/electron ?

3

The NPM package installs fine, but obviously Wappler won't pick that up by itself. Which NodeJS version are you running?

4

node v22.13.1
npm v9.9.3

5

Another npm install? Maybe package.json corrupted?

6

Well, I ended up creating a new test project where the dropdown works fine, however, when building, it brings a similar error:

> helloworld@1.0.0 build
> tsc && electron-rebuild
node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"accept-charset"' of type 'string | string[]' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"accept-encoding"' of type 'string | string[]' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"accept-language"' of type 'string | string[]' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"content-length"' of type 'string | number' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"proxy-authenticate"' of type 'string | string[]' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~node_modules/builder-util-runtime/out/httpExecutor.d.ts:9:5 - error TS2411: Property '"sec-websocket-extensions"' of type 'string | string[]' is not assignable to 'string' index type 'string'.9     [key: string]: string;
      ~~~~~~~~~~~~~~~~~~~~~~
7

Yes, common issue, check george fix: