Vue devtools always show "waiting for connecting..."(@quasar/app-vite v1.4.4,@quasar/app-webpack v3.9.3)

[coolman90011]

What happened?

Using @quasar/app-webpack v3.9.3/v3.9.4 and @quasar/app-vite v1.4.4 vue devtools will error.

1. npm init quasar (chose webpack version.)
2. add ' "electron": "npx quasar dev -m electron --devtools" ' to package.json script
3. excute command 'yarn electron'
4. vue devtools always show 'waiting for connecting...' and stop here.

5.dev tool show this error.

What did you expect to happen?

vue devtools will show correctly.

Reproduction URL

https://github.com/coolman90011/quasar2webpack

How to reproduce?

1. npm init quasar (chose webpack version.)
2. add ' "electron": "npx quasar dev -m electron --devtools" ' to package.json script
3. excute command 'yarn electron'
4. vue devtools always show 'waiting for connecting...'

Flavour

Quasar CLI with Webpack (@quasar/cli | @quasar/app-webpack) v3.9.3 Quasar CLI with Vite(@quasar/cli | @quasar/app-vite) v1.4.4

Areas

Electron Mode

Platforms/Browsers

No response

Quasar info output

Operating System - Windows_NT(10.0.19045) - win32/x64
NodeJs - 16.15.0

Global packages 
  NPM - 8.5.5
  yarn - 1.22.19
  @quasar/cli - 2.2.2
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.12.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-webpack - 3.9.4 -- Quasar Framework App CLI with Webpack
  @quasar/extras - 1.16.5 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.3.4 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.2.4
  pinia - 2.1.6 -- Intuitive, type safe and flexible Store for Vue
  vuex - Not installed
  electron - 26.0.0 -- Build cross platform desktop apps with JavaScript, HTML, and CSS
  electron-packager - Not installed
  electron-builder - Not installed
  @babel/core - 7.22.10 -- Babel compiler core.
  webpack - 5.88.2 -- Packs ECMAScript/CommonJs/AMD modules for the browser. Allows you to split your codebase into multiple bundles, which can be loaded on demand. Supports loaders to preprocess files, i.e. json, jsx, es7, css, less, ... and your custom stuff.
  webpack-dev-server - 4.11.1 -- Serves a webpack app. Updates the browser on changes.
  workbox-webpack-plugin - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  typescript - 4.9.4 -- TypeScript is a language for application scale JavaScript development
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - DESKTOP-9ACL4HO
  乙太網路 - 192.168.1.157

Relevant log output

No response

Additional context

No response

[rstoenescu]

Fixed in q/app-vite 1.4.5 and q/app-webpack 3.9.5