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.

What is the best way to incorporate the "child_process" node module into an Angular application?

Trying to execute a shell script in my Angular application has been quite the challenge. I came across the "child process" node library that might be able to help me with this task. However, every attempt to import the library led me to the error message: ...

Controlling the document object model of a third-party website within the Electron framework

I am completely new to electron. My main goal is to load a URL and then execute some Javascript that will make changes to the DOM. Currently, my approach involves creating a BrowserWindow that loads the URL, and I understand that I can utilize webContents ...

Convert the nodejs undefined into bindings.js within an Electron project (and utilize better-sqlite3)

My Electron.js project setup includes the following steps: Installing node 14 Installing vue-cli Creating a template project in Vue with: vue create myproject Adding an Electron wrapper like this: vue add electron builder Installing the better-sqlite3 lib ...

Path Link Not Found: Installation Issue of MacOS Electron JS

After trying to install the latest version of Electron using npm install electron@latest on my MacOS, I encountered issues while running the electron command. The error messages found in the log file are as follows: 117 error code ELIFECYCLE 118 error err ...

Understanding the concept of "Navigation activated outside Angular zone"

In the process of developing an Electron app with Angular, I encountered a situation where clicking on an Electron menu item triggers an IPC to app.component.ts in order to switch views. The code below functions properly, but when attempting to use router. ...

TypeError was not handled: Attempted to use the 'in' operator to search for 'electron' in an undefined variable at next-dev.js line 8

I encountered an unexpected error while attempting to run next.js in development mode. The strange part is that I'm not utilizing electron in this application at all. An uncaught TypeError occurred: Cannot use 'in' operator to search for 'electron' in und ...

Enabling Context Isolation in Electron.js and Next.js with Nextron: A Step-by-Step Guide

I've been working on a desktop application using Nextron (Electron.js + Next.js). Attempting to activate context isolation from BrowserWindow parameters, I have utilized the following code: contextIsolation: true However, it seems that this doesn't work ...

What is the equivalent of getElementById in .ts when working with tags in .js?

Looking to incorporate Electron, Preload, Renderer with ReactJS and TypeScript into my project. <index.html> <body> <div id="root" /> <script src='./renderer.js'/> </body> <index.ts> const root = ReactDOM.cre ...

Attempting to integrate emscripten into electron for optimal functionality

I've been attempting to set up the opencv.js emscripten port in my electron app. I came across this sample application using opencv.js, but integrating it into my electron project is resulting in some obscure errors. Whenever I try to require opencv. ...

An application that combines the functionality of a desktop program with online server features and database integration

I'm currently developing a desktop application using electron and contemplating utilizing online storage to save data. I've scoured the internet for answers but can't seem to find reliable information. One possible approach is to integrate an electron app ...

The error message encountered is "Uncaught (in promise) Error: Unable to access attributes of an undefined object (reading 'launch')."

I am currently learning electron.js by developing a basic application that extracts information from a website. However, I am encountering a frustrating and annoying error. Here is the folder structure of my project The following code snippet represents ...

Storing data on your local machine using Electron

I am in need of help with my template files which have variable strings. I want to create a basic input form using Electron (https://www.electronjs.org/) and save the resulting output file on the user's device. Could someone recommend a module that e ...

A pop-up window displaying an electron error message appears, but no errors are logged in the console

In a Nutshell: While developing a single-page website with Electron, I encountered the common issue of jQuery not being globally accessible. To tackle this problem, I decided to simplify it by using a quick start example, but unfortunately, I'm strugg ...

When viewing super-sized (local) files in Chrome(ium), HTML5 video doesn't display images

I am currently developing an Electronjs application that requires playing very large videos stored on the user's machine. I have experimented with using both the vanilla HTML5 video tag and other players. Interestingly, small videos load and play without a ...

Comparing NodeIntegration, Preload Script, and IPC in Electron Framework

After thoroughly going through Electron's explanations on context isolation, IPC, and security, as well as delving into discussions like this thread about nodeIntegration and this post regarding preload.js, it's clear that there are various approaches to a ...

When attempting to install Electron using npm with the -g flag, an error occurred due to the inability to verify

The Issue at Hand I'm facing trouble while attempting to globally install Electron on my system using the command below: npm install electron -g However, I keep running into this frustrating error message: unable to verify the first certificate Here's th ...

Utilizing Cypress with Electron: A Guide to File System Operations

I have been utilizing Cypress to run tests on my Electron application. Due to Cypress operating in browser mode, the FS module is not compatible. As a result, I am encountering this error: Error in mounted hook: "TypeError: fs.existsSync is not a func ...

Combine several pages from PDF files into a single document

I am currently working on developing a small electron application that combines multiple PDF files or pages into one larger page to help save paper when printing several CAD drawings. Essentially, I am looking for a cross-platform solution similar to the ...

How to efficiently transfer data between Node and Angular 7 using Electron

After setting up an Angular 7 application running on http://localhost:4200, I developed a Node JS application responsible for authenticating users on Facebook, accessible at http://localhost:3000. The callback redirection functions correctly within the No ...

Application: The initialization event in the electron app is not being triggered

I am facing an issue while trying to run my electron app with TypeScript and webpack. I have a main.ts file along with the compiled main.js file. To troubleshoot, I made some edits to the main.js file to verify if the "ready" function is being called. ...

Tips for effectively utilizing the overflow:auto property to maintain focus on the final

I am working on a Todo App and facing an issue where the scrollbars don't focus on the bottom of the page when adding a new element. How can this problem be resolved? https://i.stack.imgur.com/IzyUQ.png ...

Angular7 & Electron: Resolving the Issue of Loading Local Resources

I am encountering difficulties while working with electron. Although I can successfully load my project using ng serve, I encounter an error when attempting to open it with electron as shown in the developer tools Not allowed to load local resource: fil ...

Utilize Electron to extract and render content from a local file into HTML code

I am struggling to find a solution for automatically reading and parsing a local csv file in an electron application. When I use 'fs' to open the file, I can't figure out how to pass the contents into the HTML window. One option is to use a ...

Comparing Nodewebkit and Electron: Which is the Right

I am currently exploring different paths to take. I need to establish a well-structured foundation, essentially a skeleton app that other developers can use as a starting point for coding. Here are the requirements: - Web application (SQL Server) - Deskto ...

Tips on setting and utilizing custom environment variables in a Vue Electron application

What is the best way to integrate custom environment variables into my Electron application? I need to securely store API keys and other sensitive information without hardcoding them directly into the code. My app is built with Vue and Electron. To tackle ...

What is the easiest way to launch an electron application with a keyboard shortcut?

Currently, I have successfully developed an Electron application that functions flawlessly on Mac OS. However, when the app is relocated to the Applications folder, it becomes inconvenient as I need to manually double click on it every time to launch. To ...

Error message: Electron is unable to read properties of undefined, specifically the property 'receive'. Furthermore, the IPC is unable to receive arguments that were sent through an HTML iframe

I am currently working on passing light mode and language data from ipcMain to ipcRenderer via my preload script: Preload.js: const { contextBridge, ipcRenderer } = require("electron"); const ipc = { render: { send: ["mainMenuUpdate& ...

Issue encountered when trying to use Node module in Electron application

I am currently in the process of developing an application that makes use of the node-bluetooth module from npm. However, I have encountered the following error: App threw an error during load Error: The module '/home/pi/AlucentOs/node_modules/node- blue ...

Is Error k originating from Angular or Electron?

While utilizing Angular 10 in my Electron application, I encountered some errors after building a release version of the app. These errors are visible in the Chrome Inspector, but it's unclear whether they stem from Electron or Angular, and the messag ...

Capturing all response requests from the main process in Electron: A step-by-step guide

I am looking to retrieve the responses for all requests made in my electron app from the main process. In this image, it shows that the desired response can be found in the Response tab rather than the Headers tab on Chrome Dev Tools. Instead of using a ...

Updating the log file location for electron-log in an Angular application integrated with Electron

I am currently developing a project using Angular 6 integrated with Electron. I have managed to successfully incorporate the electron-log library using ngx-electron. As a result, my application is functioning well and logging data to the default path: C:&b ...

Bringing JQuery into your Electron project through HTML

Working on some ElectronJS HTML coding and in need of using JQuery within the HTML. I've gone ahead and installed jQuery with npm install jquery. The question is, which file do I import to make use of JQuery? <!DOCTYPE html> <html lang="en" ...

Transforming a React, Redux, and MUI Menu into an Electron Application

I'm in the process of transforming a web-based React + Redux + MUI application into an Electron app. The original app features a main AppBar with multiple dropdown menus, each containing menu items that interact with the app's Redux store. While ...

Can anyone explain why I am having trouble loading JavaScript files into a different HTML file?

Currently, I am developing an electron application. In my index.html file, I have successfully loaded JavaScript files in the head tag and can access the JS functions without any problems. Now, I have created a separate browser window with another HTML fi ...

What are the different ways you can utilize the `Buffer` feature within Electron?

When attempting to implement gray-matter in an electron application, I encountered the error message utils.js:36 Uncaught ReferenceError: Buffer is not defined. Is there a method or workaround available to utilize Buffer within electron? ...

Save the output of a knex query to a variable

I'm struggling to assign the result of a select query using Knexjs to a variable. Here is my code: function getAllCategories() { let categories; categories = database.from("categories").select("category").then(function (rows) { for (let row of ro ...

The error message from Object.create() indicates that the argument provided is not recognized as

Description Within my project, I am handling a JSON file, parsing it into an object, and attempting to transform it into an instance of the ProjectFile class using Object.create(). Code let tmpFileContent = fs.readFileSync(tmpPath, {encoding: 'utf-8'}); ...

What are the steps to integrate material-ui with electron?

My electron console kept showing errors for this code, while the same code ran without any issues in a regular web browser: import React, { Component } from 'react'; import { Router, Route, Link, browserHistory ,hashHistory} from 'react-router' import ...

How to globally install electron using NPM on Ubuntu

Encountering an issue while trying to resolve this problem. Upon installing electron globally using NPM, the following error is displayed: ole@mki:~/angular-electron$ sudo npm install electron -g /usr/bin/electron -> /usr/lib ...

The presence of fs.existsSync as a function is not recognized when importing electron

I am currently developing a Vue and Electron application and I encountered a problem while trying to restart the application. Here is my code snippet: import { app } from 'electron'; export default { name: 'Home', methods: { restartApp() { a ...

Using Angular 4: Redirecting Menu to Component with Electron

I am currently working on my first project using Angular 4 and Electron to develop a desktop application. One of the challenges I'm facing is figuring out how to redirect to a specific component when a submenu item is clicked after overriding the electron ...

Troubleshooting an electron application in Visual Studio Code

Can someone assist me with the following request? I am working on an electron app, which is a very simple quick start app. I am using Visual Studio Code to view the code and running the project from the terminal window with the command "npm start", which ...

When attempting to utilize 'express' in the main thread of Electron, I encounter an error stating the module cannot be

I am encountering an issue while using the express library in my main.js file. It functions properly during development build, but when I package the application, I receive the following error: Error: Cannot find module 'express' I am uncertain about h ...

Installation of electron was unsuccessful due to the inability to establish a tunneling socket

I'm currently in the process of setting up Electron on my Windows 10 system by executing these commands: - git clone https://github.com/electron/electron-quick-start - cd electron-quick-start - npm install - npm start Environment variables have already b ...

What is the purpose of the "Dot" symbol in the "runtimeArgs" property of the launch.json file in Visual Studio Code?

As I opened my Visual Studio Code today, a notification greeted me about a new update. Without hesitation, I went ahead and installed it, assuming it would be like any other update I've had in the past. However, after updating to version 1.22.1, I encounte ...

The dilemma between installing Electron or installing Electron-Builder: which one

When it comes to installing Electron for an Electron app with React, the method can vary depending on the tutorial. Some tutorials use electron-builder while others do not, but there is little explanation as to why. First: npx create-react-app app cd app ...

Electron and React: Alert - Exceeded MaxListenersWarning: Potential memory leak detected in EventEmitter. [EventEmitter] has 21 updateDeviceList listeners added to it

I've been tirelessly searching to understand the root cause of this issue, and I believe I'm getting closer to unraveling the mystery. My method involves using USB detection to track the connection of USB devices: usbDetect.on('add', () => sendDeviceLis ...

Having trouble using Node-fetch with Electron 11? Keep getting an error message that says resp.body.pipe is not a function

Currently, I am attempting to utilize node-fetch in order to download a zip file from a specific URL. However, I keep encountering this error message: TypeError: res.body.pipe is not a function After upgrading my Electron app version from "electron&q ...