Questions tagged [electron]

The Electron (formerly known as Atom Shell) framework revolutionizes desktop application development with its ability to leverage HTML, CSS, and JavaScript for creating cross-platform experiences. Developed by the talented team at GitHub, this groundbreaking framework is built on top of Node.js and Chromium for unparalleled performance and flexibility.

Attempting to establish a connection with Oracle database using Electron on a Windows 7 operating system

Currently, I am in the process of establishing a connection to an Oracle database within my Electron application. Can anyone suggest potential solutions or alternative approaches that could be useful in this scenario? ...

Having trouble getting a basic Vue 3 and Electron example to function properly?

I attempted to create a sample electron application using vuejs 3 on Debian Buster with node version v10.15.1. I roughly followed the instructions provided at https://github.com/nklayman/vue-cli-plugin-electron-builder: vue --version 3.6.3 vue create fr ...

Setting up cookies and sessions in an Electron application

Creating a cookie/session in my Electron app has been tricky for me. I attempted to use the default document.cookie method, but unfortunately it did not work. I have looked through the Cookie documentation, but have not been able to find information on ho ...

Transferring files and folders to the Electron Distribution directory

In short: I'm looking for a way to automate the process of copying files/directories from my src folder to dist/resources when packaging using Electron-packager. This need arose because I have JSON files in folders that need to be transferred to a sp ...

Issue with Electron dialog.showOpenDialog() Filters malfunctioning

Recently, I've been working on a modified version of an IDE on GitHub and encountered a major issue where the files were being saved to cookies instead of the computer. This prompted me to find a way to save and open files efficiently. While I managed ...

What are the steps to enable screen sharing within an Electron application?

I am currently working on developing two applications for screen sharing within a LAN setting using Electron, React, and TypeScript. The first app will capture the screen stream and broadcast it via UDP, while the second app, running on multiple devices, w ...

Achieving secure HTTPS connection with socket.io

At the moment, my setup involves: let connectTo = "http://myip:myport"; var socket = io.connect(connectTo, {secure: true}); on the client side and const port = myport; const io = require('socket.io')(port); on the server side. I am looking to switch to ...

Electron: Interactive menu customization

Is there a way in Electron to dynamically enable/disable specific MenuItem in the context menu based on the element that the user right-clicks on? Additionally, I am looking for a method to identify the exact element clicked and pass that information to th ...

Error message: The Javascript Electron app is unable to find the node-fetch module when

Below is the code snippet from my gate.html file: <html> <head> <meta http-equiv='Content-Security-Policy' content='default-src 'self'; https://example.com.tr/validkeys.txt'> <meta http-equiv='Content-Security-Policy' content ...

Is there any way to extract the source files from a compiled Electron application?

Is there a way to extract the contents of a .app Application developed using Electron for Mac OS? I'm eager to explore the underlying source files, but I'm not familiar with the procedure to access them. Any assistance would be greatly appreciated. ...

How to prevent users from accessing the app through standard web browsers in an Express/Electron application

My setup involves an express server that serves my angular front end at http://localhost:9000 Utilizing electron as a desktop client is part of my project. I am aiming to restrict users from accessing the application through any browser except electron. ...

The installation of webtorrent-hybrid failed due to the error message "node-pre-gyp: command not found"

I'm currently encountering an issue while attempting to install webtorrent-hybrid for developing an electron p2p application. Vue UI is the framework I am using to handle front-end development, and I have successfully created a new project utilizing vue-cl ...

Having trouble with Electron nodeIntegration functionality and experiencing some odd behavior in general with Electron

Having just started working with Electron, I find myself encountering some puzzling behavior that has me stumped. Here's a quick summary of the issue: I am unable to establish communication between Electron and the HTML "Uncaught ReferenceError ...

Error message "electron-builder node-gyp encounters an issue with building for macOS-x86_64 while trying to link with a file that was built for macOS-arm64" finding a mismatch with architecture

Summary Can someone guide me on cross compiling an electron.js app, with a native-addon, for both Apple and Intel processors? Detailed Description I am facing issues while attempting to cross compile an electron.js app containing native-addons for both ...

The parameter value experiences an abrupt and immediate transformation

I recently created an electron app using Node.js and encountered a peculiar issue that I am unable to resolve: Below is the object that I passed as input: { lessons: [ name: "math", scores: [90, 96, 76], isEmpty: false ] } ...

In an Electron-Vue application, where is the storage location for the application state?

Where does state data persist between sessions? I recently followed a tutorial on creating a ToDo App using Vue.js in Electron. After setting everything up, I noticed that the application state is being stored somewhere even after closing and reopening th ...

Unable to launch electron using "npm start" while enabling X11 forwarding

I am attempting to launch an electron app over ssh with X11 forwarding on a headless machine. Specifically, I am using the electron-quick-start repository. The app works fine when I run it by executing electron . in the cloned folder. However, when I try t ...

Utilizing the Teams web app within my customized electron application

I've been developing an electron app and am trying to integrate the MS Teams web app into it. I've successfully displayed MS Word, MS Powerpoint, and other apps using window.loadURL(''), but I'm experiencing issues with MS Teams. Despite disabling nodeInte ...

Is it possible to launch an Electron application by clicking a run button in the VSCode

I'm new to using VSCode and am currently working on an HTML5 app with Electron. I'm finding it cumbersome to switch between windows and enter a command each time I want to test my application. Is there a way to configure VSCode to run my Electron ...

Executing asynchronous callback with Electron and Vue using nodeffi

Currently, I am experimenting with using Async along with a received Buffer. While I am able to obtain the correct answer, I am facing challenges in accessing variables outside of the callback function. Specifically, I am attempting to assign the value o ...

What is causing the delay of my electron event to reach the render process?

I'm currently facing an issue with toggling a switch in my electron app that activates an express server. The expected behavior is for the server to send a message back to the app signaling that it's turned on. However, the problem I'm enco ...

Troubleshooting VueJS, Electron, and Webpack integration with Hot Reload feature

I have been immersed in a new project that involves utilizing Electron, VueJS, and Webpack for HMR functionality. Unfortunately, I am encountering difficulties with the Hot Module Replacement feature not working as expected. Here is my current configurati ...

I'm looking for a step-by-step guide on how to rebuild Node serialport using Electron and npm

Recently, following the advice in Node - was compiled against a different Node.js version using NODE_MODULE_VERSION 51 has successfully resolved the issue of 'npm start run' failing with the error: App threw an error during load Error: The module ' ...

Understanding ElectronJs: Decoding the significance of curly braces '{}' within the package.json file

As I was reviewing some electron package.json examples, I came across certain interpolations as shown below: "updater": { "urls": { "darwin": "{{& SQUIRREL_UPDATES_URL }}/update/%CHANNEL%/darwin?version=%CURRENT_VERSION%", "win32": "{{ ...

What is the process of exporting a module assigned to a variable in JavaScript?

My approach to making the require visible in <app></app> is as follows: index.html: <script> var electron = require('electron') </script> <app></app> <script src="bundle.js"></script> App.vue: const ipc ...

npm must patiently wait for a port or command to be ready before moving on to the next task

Currently in my npm package, I have this script: "start": "concurrently --kill-others "npm run dev" "electron ."" The issue is that when electron runs its command, the server isn't up yet so it displays a blank screen. I resolve this by manually relo ...

Balanced arrangement of components

As I work on my first electron app, I've created the initial layout. My goal is to have elements resize when the user adjusts the window size: The red part should change in both width and height The blue part should only adjust in height, not width ...

Step-by-step guide on inserting data into a local sqlite database file using JavaScript

I have been attempting to insert data into a local SQLite database. I am able to achieve this, but unfortunately, I have to create a new table every time. I am hoping to find a way to insert the data without having to create a new table each time. Even ...

Unleash the Power of Connecting Web Browsers with Local Filesystems (

I'm currently utilizing a powerful tool called VoTT, which can be found at the following link: https://github.com/microsoft/VoTT. Impressive enough, this tool is crafted using react/redux. While this tool functions flawlessly as a web application, one lim ...

Issue with using React Dev Tools profiler feature within Electron app

Despite trying various methods, it appears that the React Profiler plugin is not functioning properly in React Developer Tools when used with Electron. I attempted the following without success: Compiling the application in developer mode and loading it ...

Beginning an electron app that utilizes Main.js as an argument with Selenium

When attempting to open an Electron app using a Main.js argument with either appium or chromeDriver, I am encountering some issues. An example of the command I need to run in CMD is: C:electronExe.exe Main.js My driver setup looks like this: System. ...

Guide for launching Electron on a local host server during development and for production builds

I have a project using Next.js + Electron + Typescript. I used the npx create-next-app --example with-electron-typescript command to generate the initial code. When I run npm run dev (which actually runs npm run build-electron && electron . ), the ...

initiate scanning for HTTP GET calls

My current project involves using electron to create an application that serves multiple image files through a webserver using express. Another app built for Android is responsible for retrieving and posting files to this server. While I have successfully ...

Tips for toggling an Electron.js submenu within a Vue.js Component based on a particular Vuex state

I've searched everywhere for a solution to this issue. Currently, I am working on a sample vue-vuex-electron app that I have developed. My goal is to dynamically enable or disable certain submenus within the app based on the vuex state 'isLogged' being tr ...

The module './installers/setupEvents' could not be located within Electron-Winstaller

After encountering an error while attempting to package my Angular app on Windows 10, I'm looking for help in resolving the issue: https://i.stack.imgur.com/yByZf.jpg The command I am using is: "package-win": "electron-packager . qlocktwo-app --ove ...

Conundrum encountered: SIGTRAP causing Electron failure to initialize

Exploring Electron for creating desktop applications has been my recent endeavor. However, I encountered this pesky error: /home/me/dev/my-electron-app-2/node_modules/electron/dist/electron exited with signal SIGTRAP Since the path leads to a binary file, ...

Python download is not supported by Windows-Build-Tools

As I attempt to set up Windows-Build-Tools for my Electron project using NPM, I encounter an issue. When I execute npm install --global --production windows-build-tools, I receive the following error: Downloading python-2.7.15.amd64.msi Error: getaddrinfo ...

Vue CLI Plugin Electron Builder displays a completely empty screen after compiling

After building my electron app using this specific plugin, I encountered a frustrating issue where the installed package would only display a blank, white screen. Despite setting up the window to open dev tools in the built version, inspecting the page rev ...

Leveraging Material-UI in Electron Environment

I'm currently working on an electron app using React and incorporating Material-UI for the user interface. I've added a datepicker and timepicker to a component, but when clicking on the input in the electron app, nothing happens. I'm unsure ...

Encountering an error when trying to import a node module in an Angular TypeScript file. The module

Currently, I am in the process of developing an Electron application specifically designed for managing Airplay on MacOS. To accomplish this task, I am utilizing Angular and TypeScript to wrap APIs from a unique npm package known as Airplay npm package. ...

What is the reason for NextJS causing a permanent redirect when using res.writeHead()?

Within my code, there is a specific section that checks for a certain condition to be true before redirecting. The relevant portion of the code is as follows: static async getInitialProps({ res }) { let accessToken = settings.get('access_token'); ...

Tips for resolving Electron npm audit fix errors?

This particular inquiry stems from a discussion on Why do renderer fs.existsSync, fs.readfileSync (declared in preload.js) return 'undefined'?, where the issue of method '.toString('base64')' failing due to prototype pollution ...

Error: JSON parsing error at position 0, caused by an unexpected token "<", originating from devtools shell.js

I am in the process of developing a desktop application using Electron.js and Express.js Upon initial loading, I encountered a warning that stated: SyntaxError: Unexpected token < in JSON at position 0", source: devtools://devtools/bundled/shell.j ...

What is the method for connecting to USB using Electron?

My current setup: Windows 10 with Visual Studio 2015 (including C++ Compiler Tools) and node.js installed I attempted to integrate a node library into the electron-quick-start-project but encountered issues. Initially, I tried using electron-usb. You can ...

The error message "The specified path could not be found" is thrown by electron-winstaller when trying to create a zip file from a directory using the Squirrel.Utility.CreateZipFromDirectory method. This

I'm currently in the process of creating an electron installer for the Windows platform using Azure DevOps. The electron-package command was successfully executed with npm run build (refer to my package.json). However, when attempting to create RELEAS ...

Troubleshooting an expressjs server in parallel with electron

I have managed to successfully run an ExpressJS server alongside Electron by following the instructions provided in this post: Run Node.js server file automatically after launching Electron App However, I am facing an issue where there is no output from t ...

Seeking guidance on designating an additional disk for fs.readdir(path) within an Electron-vue application?

Issue: I am facing a problem with the breadcrumbs component in my project, which is utilizing file explorer functionality from this specific project. The issue at hand is related to changing the disk being displayed by the component. Upon clicking on any ...

Utilize Electron's fs to stream a file directly to an HTML video player while it is being downloaded

I am currently exploring the possibility of using the HTML video player to stream a file from the file system within Electron. My goal is to initiate streaming while the file is still being downloaded. I am uncertain whether my current approach will be ...

Encountering issues while trying to npm install or execute the electron-quick-start application

Currently, I am running Node version 7.4.0 and NPM version 4.0.5 (Windows) as recommended on Electron's website. The issue I'm facing arises when running the npm install command within the cloned electron-quick-start directory. I've experim ...

Detecting the environment in which the node resides when running electron

I'm curious about how to detect the NODE_ENV variable within an electron main file. My goal is to dynamically set the loadURL to either localhost:8080 if NODE_ENV === 'dev' or /dist/index.html if not. This is important as I want to leverage ...

A discrepancy in Node.js versioning caused Electron to be compiled with an incompatible version

I am currently in the process of developing an Electron application intended to operate on Ubuntu 20.xx Linux and a Raspberry Pi (which is running Raspbian with arch=armv7l). During development, I encountered the following error: ...was compiled against a ...

The prolonged action is causing the renderer process to become locked

I am currently experiencing an issue with a function that is triggered by changes in a vue-select component within my component template. <v-select v-model="model" :options="eventList" :placeholder="currentEventTitle" v-on:input="selectedEvent" ...

Seeking assistance for my dissertation assignment: electron, express, and SQLite3

I am currently dedicated to my thesis project, which involves designing an educational desktop video game for both public and private schools within my city. Being a fan of electron, I thought it would be a great idea to develop my app using this platform ...

JavaScript equivalent code to C#'s File.ReadLines(filepath) would be reading a file line

Currently in my coding project using C#, I have incorporated the .NET package File.ReadLines(). Is there a way to replicate this functionality in JavaScript? var csvArray = File.ReadLines(filePath).Select(x => x.Split(',')).ToArray(); I am a ...

Express throwing module errors

I encountered an issue while attempting to expose a REST service in an electron app using expressJS. Following a tutorial, I added express and @types/express to the project. However, when trying to implement a "get" method and running the build with ng bui ...

Issue encountered while trying to load electron-tabs module and unable to generate tabs within electron framework

I've recently set up the electron-modules package in order to incorporate tabs within my Electron project. Below are snippets from the package.json, main.js, and index.html files. package.json { "name": "Backoffice", "version": "1.0.0", "descriptio ...

Having trouble compiling the Electron App because of a parser error

Struggling to set up a basic electron app using Vue 3 and Typescript. Following the successful execution of certain commands: vue create app_name cd .\app_name\ vue add electron-builder npm run electron:serve Encountering issues when trying to i ...

Unfortunately, the utilization of an import statement outside a module is restricted when working with Electron

Is there a solution to the well-known problem of encountering the error message "Cannot use import statement outside a module" when working with an Electron-React-Typescript application? //const { app, BrowserWindow } = require('electron'); import { app, B ...

HTML various button designs - such as a cogwheel

I need a button on my Angular/Electron project that resembles a gear icon. I came across these resources: here and here. However, when I tried to implement them, they didn't work as expected. Currently, the button looks like this: <button class= ...

What steps should I take to troubleshoot and resolve the connection issue that arises while trying to execute npm install

Following the guidelines from: I executed commands like mkdir, cd, and npm init. They all ran successfully, generating a file named package.json. Subsequently, I entered npm install --save-dev electron which resulted in an error occurring. lala@ubu:~/pr ...

When trying to integrate Angular.ts with Electron, an error message occurs: "SyntaxError: Cannot use import statement

Upon installing Electron on a new Angular app, I encountered an error when running electron. The app is written in TypeScript. The error message displayed was: import { enableProdMode } from '@angular/core'; ^^^^^^ SyntaxError: Cannot use import statemen ...

Is it possible to send an HTTP request from the renderer process to the main process in Electron?

Currently, I am in the midst of developing an electron video player project. My main objective is to stream video from a readable stream to an HTML video-tag. I am exploring different solutions and strategies to achieve this goal. In particular, I am cur ...

I am encountering issues with Axios when bundled with electron - what steps can I take to troubleshoot a compiled exe with electron?

I recently developed a VUE JS application that consumes data from a News API endpoint. To achieve this, I utilized Axios for fetching the data as shown below: import axios from "axios"; let baseURL = `https://newsapi.org/v2`; let apiKey = process ...

Interfacing Electron Frontend with Python Backend through seamless communication

Upon completing the development of a Python CLI app, it became apparent that creating an Electron frontend for better user interaction was necessary. What is the best way for the Electron app to communicate with the Python app when a user action occurs on ...

Error: serialport in node_modules throwing unexpected token SyntaxError

I have been attempting to run the vue-electron app, but I keep encountering this error. App threw an error during load C:\newFolder02\pos4-desktop\node_modules\@serialport\stream\lib\index.js:103 const settings = ...

What are the troubleshooting tools available in Electron for detecting errors and debugging issues?

What is the process for accessing error messages and console logs in Electron while developing? Can the logs be saved directly to a file as well? Edit: Similar to how error messages and console logs are shown in Chrome's dev tools, but within Electro ...

PouchDB and Electron in a Windows environment

After experimenting with Electron on Windows, I attempted to incorporate PouchDB into my project but encountered difficulties. In my scenario, the package.json file appears as follows: "devDependencies": { "electron": "^1.4.12", "electron-rebui ...

Utilizing electron as a development dependency in an Ubuntu environment

After installing electron on Ubuntu 17.10, this is the process I followed: ole@mki:~/angular-electron$ npm i --save-dev electron > <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="d9bcb5bcbaadabb6b799e8f7eef7e8eb"> ...

The self-registration of the module was unsuccessful. A custom build C++ node module compiled with cmake-js was utilized within the Electron app

Currently working on a project where I created a C++ module for Node and compiled it with CMake. However, when I tried to use this module in my main Electron app, it resulted in errors. To demonstrate the issue, I have created a minimal repository here: h ...

Running an executable file from a remote machine on my local machine using node.js

As we develop our application using node.js and electron, we encounter a situation where another software is already installed on all other machines. Now, the question arises: Can we launch this software from within our node.js application on these respe ...

Angular2 with Electron is a stellar demonstration of a successful integration

I'm interested in exploring Electron with Angular2 and I'm on the lookout for a reliable example on GitHub that combines these technologies. Ideally, I would like to find a repository that I can easily download as a zip file, run npm install, npm ...

What is the method for reaching the electron process from a different npm process?

Recently, I developed a script that sets up a TCP server to listen for incoming requests and triggers a Windows notification upon receiving one. Here's the code snippet: const notifier = require('node-notifier'); const path = require('path'); const net = r ...

Issue with the string formatting in Vue.js is causing unexpected behavior

Hi there, I'm currently working on dynamically styling a div in VueJs and running into an issue with the this.currentProgressLevel not being applied to the width property within the currentStyle object. I've attached a screenshot of the code I'm using. The ...

Streamlining the Compilation of Dependencies for Electron Application Distribution

I am currently exploring the best method to package and distribute various dependencies (such as node modules and client-side scripts/frameworks like Angular) with my Electron App. While the standard approach of npm install module-name --save is effective ...

Whenever I initiate npm, I consistently encounter this issue: npm ERR! code ELIFECYCLE

When I run npm start, I encounter this error message (in Italian, but you can use Google Translate): npm start > <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="e68589828383828f928994a6d7c8d6c8d6">[email protected]& ...