Quasar Not Starting After Installation Of Apollo AE

[adamkpurdy]

What Happened?

This is a follow-up issue from: quasarframework/app-extension-apollo#163

The AE installs successfully after the resolution of the ticket above.

quasar ext add @quasar/apollo
 App • Installing "@quasar/apollo" Quasar App Extension

 App • Installing @quasar/quasar-app-extension-apollo...
 App • [sync] Running "yarn add --dev @quasar/quasar-app-extension-apollo" in /Users/adampurdy/Sites/KPA_PRODUCTIONS/USSSA/web/test-vite-v2-apollo

yarn add v1.22.19
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
warning vscode-languageclient@7.0.0: The engine "vscode" appears to be invalid.
[4/5] 🔗  Linking dependencies...
warning " > vite-plugin-checker@0.6.4" has unmet peer dependency "vite@>=2.0.0".
warning " > @quasar/quasar-app-extension-apollo@2.2.2" has unmet peer dependency "@apollo/client@^3.0.0".
warning " > @quasar/quasar-app-extension-apollo@2.2.2" has unmet peer dependency "@vue/apollo-composable@^4.0.0".
warning " > @quasar/quasar-app-extension-apollo@2.2.2" has unmet peer dependency "graphql@^15.0.0 || ^16.0.0".
[5/5] 🔨  Building fresh packages...
success Saved lockfile.
success Saved 1 new dependency.
info Direct dependencies
└─ @quasar/quasar-app-extension-apollo@2.2.2
info All dependencies
└─ @quasar/quasar-app-extension-apollo@2.2.2
✨  Done in 1.59s.
? Does your app use GraphQL subscriptions? No

 App • Updating /quasar.extensions.json for "@quasar/apollo" extension ...
 App • Running App Extension install script...
 App • Installing dependencies...
 App • [sync] Running "yarn install" in /Users/adampurdy/Sites/KPA_PRODUCTIONS/USSSA/web/test-vite-v2-apollo

yarn install v1.22.19
[1/5] 🔍  Validating package.json...
[2/5] 🔍  Resolving packages...
[3/5] 🚚  Fetching packages...
warning vscode-languageclient@7.0.0: The engine "vscode" appears to be invalid.
[4/5] 🔗  Linking dependencies...
warning " > vite-plugin-checker@0.6.4" has unmet peer dependency "vite@>=2.0.0".
[5/5] 🔨  Building fresh packages...
success Saved lockfile.
✨  Done in 3.38s.
 App • Quasar App Extension "@quasar/apollo" successfully installed.

Once the application is started it throws this error:

yarn dev

yarn run v1.22.19
$ quasar dev

 .d88888b.
d88P" "Y88b
888     888
888     888 888  888  8888b.  .d8888b   8888b.  888d888
888     888 888  888     "88b 88K          "88b 888P"
888 Y8b 888 888  888 .d888888 "Y8888b. .d888888 888
Y88b.Y8b88P Y88b 888 888  888      X88 888  888 888
 "Y888888"   "Y88888 "Y888888  88888P' "Y888888 888
       Y8b

 App • Using quasar.config.js in "esm" format
 App • ⚠️  Quasar App Extension "@quasar/apollo" is missing...
error Command failed with exit code 1.
info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

Quasar info output

Operating System - Darwin(23.4.0) - darwin/arm64
NodeJs - 18.16.0

Global packages
  NPM - 9.5.1
  yarn - 1.22.19
  pnpm - 8.10.0
  bun - 1.0.3
  @quasar/cli - 2.4.0
  @quasar/icongenie - 2.5.4
  cordova - Not installed

Important local packages
  quasar - 2.15.4 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 2.0.0-beta.9 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.16.11 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.4.25 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.3.2
  pinia - Not installed
  vuex - Not installed
  vite - 5.2.10 -- Native-ESM powered web dev build tool
  vite-plugin-checker - Not installed
  eslint - 8.57.0 -- An AST-based pattern checker for JavaScript.
  esbuild - 0.20.2 -- An extremely fast JavaScript and CSS bundler and minifier.
  typescript - Not installed
  workbox-build - Not installed
  register-service-worker - Not installed
  electron - Not installed
  electron-packager - Not installed
  @electron/packager - Not installed
  electron-builder - Not installed
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  @quasar/quasar-app-extension-apollo - Not installed

Networking
  Host - Adams-MBP-USSSA.lan
  en0 - 192.168.1.157

Just a side note, this application will be set up for SSR, and this is the reason for using the vite-cli beta to not have issues when using GraphQL in the app. The issue that was being observed was that upon refresh of the application, was an error would occur regarding esm/cjs. Here is the link to the discord thread: https://discord.com/channels/415874313728688138/614917106491981837/1225086819708698666

Unfortunately, the loom video in the message above that link has be taken down and I currently can not reproduce the issue due to this error in my other app as well.

Please let me know if you have any further questions.

Thanks.

[rstoenescu]

Found an issue with q/app-vite & q/app-webpack betas. Fixed it.
Fix will be available in next beta versions (to be released today).

[rstoenescu]

Delaying the release a few days to finalize some other work on the CLIs too.

[smolinari]

Thanks for the heads up Razvan! @rstoenescu

Scott

[adamkpurdy]

Thanks guys. I appreciate the efforts!