2021-12-16
1690
#electron#vue
Elijah Asaolu
82230
Dec 16, 2021 â‹… 6 min read

Building an app with Electron and Vue

Elijah Asaolu I am a programmer, I have a life.

Recent posts:

An illustration of a hand holding a large hammer with a lightning bolt symbol. The background features a vibrant, gradient sky with shining stars. This image metaphorically represents the strength and flexibility of using Vike and vite-plugin-federation to build scalable micro-frontends. As discussed in the article, Vike allows for server-side rendering (SSR) and static-site generation (SSG), while vite-plugin-federation helps integrate shared components across different micro-frontend applications, enhancing the speed and modularity of modern web development frameworks like React, Vue, and Svelte

How to build scalable micro-frontends with Vike and Vite

Micro-frontends let you split a large web application into smaller, manageable pieces. It’s an approach inspired by the microservice architecture […]

Elijah Asaolu
Sep 18, 2024 â‹… 6 min read
Nitro: Revolutionizing Server-Side JavaScript

Nitro.js: Revolutionizing server-side JavaScript

Nitro.js is a solution in the server-side JavaScript landscape that offers features like universal deployment, auto-imports, and file-based routing.

Iniubong Obonguko
Sep 16, 2024 â‹… 11 min read

How to display notification badges on PWAs using the Badging API

Ding! You got a notification, but does it cause a little bump of dopamine or a slow drag of cortisol? […]

Chigozie Oduah
Sep 13, 2024 â‹… 4 min read
JWT Authentication: Best Practices And When To Use It

JWT authentication: Best practices and when to use it

A guide for using JWT authentication to prevent basic security issues while understanding the shortcomings of JWTs.

Flavio Copes
Sep 12, 2024 â‹… 5 min read
View all posts

4 Replies to "Building an app with Electron and Vue"

    1. In vue.config.js file:

      const { defineConfig } = require(‘@vue/cli-service’)
      module.exports = defineConfig({
      transpileDependencies: true,
      pluginOptions: {
      electronBuilder: {
      preload: ‘src/preload.js’,
      // Or, for multiple preload files:
      // preload: { preload: ‘src/preload.js’, otherPreload: ‘src/preload2.js’ }
      }
      }
      })

  1. Hello, i just followed this tutorial. Everything worked perfectly. But the build command isn’t working.
    this is the error i’m getting

    Get “https://github.com/electron/electron/releases/download/v13.6.9/electron-v13.6.9-win32-x64.zip”: proxyconnect tcp: dial tcp :0: connectex: The requested address is not valid in its context.
    github.com/develar/app-builder/pkg/download.(*Downloader).follow.func1
    /Volumes/data/Documents/app-builder/pkg/download/downloader.go:206
    github.com/develar/app-builder/pkg/download.(*Downloader).follow
    /Volumes/data/Documents/app-builder/pkg/download/downloader.go:234
    github.com/develar/app-builder/pkg/download.(*Downloader).DownloadNoRetry
    /Volumes/data/Documents/app-builder/pkg/download/downloader.go:128
    github.com/develar/app-builder/pkg/download.(*Downloader).Download
    /Volumes/data/Documents/app-builder/pkg/download/downloader.go:112
    github.com/develar/app-builder/pkg/electron.(*ElectronDownloader).doDownload
    /Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:192
    github.com/develar/app-builder/pkg/electron.(*ElectronDownloader).Download
    /Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:177
    github.com/develar/app-builder/pkg/electron.downloadElectron.func1.1
    /Volumes/data/Documents/app-builder/pkg/electron/electronDownloader.go:73
    github.com/develar/app-builder/pkg/util.MapAsyncConcurrency.func2
    /Volumes/data/Documents/app-builder/pkg/util/async.go:68
    runtime.goexit
    /usr/local/Cellar/go/1.16.5/libexec/src/runtime/asm_amd64.s:1371

    Although i’ve search online and i haven’t seen any solution yet. Please can you help me out

Leave a Reply