What is the average time frame for completing the construction of an electron project?

My project has only a few npm dependencies, but the build process is taking longer than 30 minutes and still counting. I'm not sure if this is normal or if there's an issue causing the delay.

I have two specific questions:

  1. Is it common for projects to take this long to build?
  2. What is the average build time for a project like mine?

Here is a snippet from my package.json file:

{
  "name": "...",
  "version": "0.0.1",
  "author": "Ricardo Villagrana <<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5a7474741a3d373b333674393537">[email protected]</a>>",
  "description": "...",
  "license": null,
  "main": "./dist/electron/main.js",
  
  // Scripts omitted for brevity
  
  "dependencies": {
    "@fortawesome/fontawesome-svg-core": "^1.2.8",
    "@fortawesome/free-solid-svg-icons": "^5.5.0",
    "@fortawesome/vue-fontawesome": "^0.1.2",
    "axios": "^0.18.0",
    "bcryptjs": "^2.4.3",
    "bulma": "^0.7.2",
    "electron-json-storage": "^4.1.4",
    
    // Remaining dependencies omitted for brevity
  
}
javascriptvue.jselectronelectron-builder

Answer №1

  1. When it comes to build times, there are several factors to consider such as your hardware and the size of your project. However, for medium-sized projects, it shouldn't take too long.

  2. Typically, the build process is completed in just a few minutes, around 3-4 minutes on decent hardware.

Here are a few things to note:

  1. Based on your dependency tree, it seems like you don't have any heavy dependencies. Assuming you have good hardware, the build time should be reasonable.

  2. If you're using webpack, double check that your project directory is set correctly and does not include the node_modules folder. Including the node_modules directory can lead to longer build times as webpack may bundle the entire folder instead of just the source files.

  3. For TypeScript projects, ensure you add an exclude key in your tsconfig.json file for any pre-compiled libraries used outside of the node_modules directory. Failing to do so can significantly increase build times, as I've personally experienced before.

Similar questions

If you have not found the answer to your question or you are interested in this topic, then look at other similar questions below or use the search

Using Flickity API in Vue 3 with Typescript Integration

I have encountered an issue with implementing Flickity in my Vue 3 application. Everything works perfectly fine when using a static HTML carousel with fixed cells. However, I am facing difficulties when attempting to dynamically add cells during runtime us ...

javascripttypescriptvue.jsvuejs3flickity

Creating a JavaScript function to imitate the pressing of the Enter

I am attempting to mimic the pressing of the Enter key using JavaScript within a specific TextArea. Below is the code I have written: function enter1() { var keyboardEvent = document.createEvent('KeyboardEvent'); var initMethod = ...

javascripthtmldom-eventskeyboard-eventsenter

JavaScript Function Not Executed in Bottom Section

I've implemented AngularJS includes in my project. Below is the code snippet from my index.html: <!DOCTYPE html> <html ng-app=""> <head> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.14/angular.min.js"> ...

javascriptjqueryhtmlcssangularjs

Here is a unique version: "A guide on centering a carousel item in jquery upon being clicked."

Does anyone know how to center the item I click in a carousel? I've searched high and low for a solution but couldn't find a clear answer. Can someone please assist me with this? This is what I have tried so far: http://jsfiddle.net/sp9Jv/ Here ...

javascriptjquerycsscarousel

The query encoding function of the NextJS router

Encountering an issue while trying to open a new page using NextJS router. The parameter was passed as follows: router.push({ pathname: '/', query: { id: '12344567' }, }) Occasionally, the page redirects to something like: /%3Fid ...

javascriptreact-routernext.js

Sequencing asynchronous functions in Angular: Ensuring one function runs before another

When working with a save function that requires you to call another function to retrieve the revision number and make an API call, both of which are asynchronous in nature, how can you ensure one function waits for the other to execute? $scope.getRevision ...

javascriptangularjs

The object continues to be undefined despite its placement in a global scope

Currently, I am working on building a game of pong and encountering an issue with creating a paddle in the initialize method. Despite storing it as a global variable, the paddle remains undefined. I even tried making it a property of 'window', bu ...

javascript

Utilize the bodyParser middleware within a middleware to handle the request body parsing

Currently, I am developing an Express app where most routes have a limited body size except for admin users who require unlimited body size for certain routes. To manage this, I implemented a middleware called limitBodySize using the following syntax: app. ...

javascriptnode.jsexpressmiddlewarebody-parser

Exploring Angular 10: Managing Two Promises in ngOnInit

I am currently working on integrating the Strava API into my Angular app. To summarize briefly: When a user clicks on a button to connect to Strava They are redirected to Strava for authentication (using PKCE) Strava then redirects back to my app with a ...

javascriptangularfirebasepromiseangularfire2

Error encountered while attempting to cast value "xxxxxx" to ObjectId in the "item" model, resulting in a CastError

I've been struggling to resolve an error while trying to delete a todo from a page using findByIdAndRemove and findByIdAndDelete methods. Despite researching and attempting various solutions, the error persists. Any assistance would be greatly appreci ...

javascriptnode.jsmongodbexpressmongoose

Develop a custom npm package with dependencies stored locally and add it to a different package during installation

I have developed three unique custom modules. getcorrespondence-1.0.0.tgz getrediscache-1.0.0.tgz setrediscache-1.0.0.tgz These custom node modules were created using the command npm pack. The module getcorrespondence-1.0.0.tgz has dependencies on two o ...

javascriptnode.jsnpmnpm-install

I am currently working on completing my order book code, but I am struggling to understand how to summarize the objects

I have been working on my order book code and I am struggling to figure out how to summarize objects. Below is the current code that I have: const orderbook = [ { "ClientID": "31135d2c-a5f0-11ed-b07a-10e7c6f7c62e", "Side": "BID", ...

javascriptarraysobject

Methods for revealing nested cells within Element UI tables

Currently, I am utilizing the Element UI framework. Within my project, I have nested data that needs to be presented in a table format. However, I am encountering difficulty in understanding how to properly display this nested data. Below is the code snip ...

vue.jselement-ui

How can AngularJS utilize ng-repeat and ng-bind-html to display arrays of HTML strings?

I'm currently attempting to display HTML strings from an array of HTML strings in my AngularJS project. As a newcomer to AngularJS, I have been trying to follow the examples provided on the official AngularJS website, but I am struggling to find a sui ...

javascripthtmlangularjsangularjs-ng-repeatng-bind-html

I am experiencing an issue with my React app deployed on Heroku where it successfully loads the home page but fails

My react application performs perfectly when run locally and is successfully deployed on heroku. However, upon clicking any link from the home page to another page, a blank page with 'not found' message appears. No other error messages are displa ...

javascriptreactjsherokureact-router

How can I retrieve the total number of records (count) in an XML response using PostMan?

Hello, I'm currently attempting to determine the length of an XML response but I'm running into some issues. The error message I am encountering is as follows: "There was an error in evaluating the test script: ReferenceError: xml2json is not def ...

javascriptxmlnpmpostman

Create a unique functionality by assigning multiple event handlers to a single event

I am looking to add a JavaScript function to an event that already has a handler function. The new function should complement the existing one rather than replace it. For instance: There is a function named exFunction() that is currently linked to docume ...

javascript

Angular's ng-submit directive does not use the most up-to-date scope available

I'm currently learning Angular and have been struggling with a particular issue. I have created a form to edit user details. Upon page load, I make an AJAX call to fetch the data of the selected user and populate the scope with the values. Initially, ...

javascriptangularjsng-submit

There is an issue with the functionality of the checkboxes within the loop in Vue.js

When utilizing v-for, I have multiple materials that need to be assigned with a checkbox. However, upon clicking the checkbox, a group of materials is instantly highlighted. This issue arises because the Quantity parameter is the same for numerous material ...

laravelvue.jscheckboxv-for

Is it possible to use v-html without adding an extra wrapping tag?

When working with vue 2, the v-html directive usually requires an extra wrapping tag. However, I am attempting to do something different as shown below. <select v-model="coutnry"> // here the options to be rendered. </select> <s ...

vue.jsvuejs2