quasar dev giving dependency error post "quasar ext add @quasar/qactivity"

I'm in the process of upgrading to quasar 2 from quasar 1. So far everything is going well, except I cannot use q-activity.

q-activity works fine under version 1, but I get a dependency error under quasar 2. I'm trying to use vite under version 2.

$ quasar ext add @quasar/qactivity App • Installing "@quasar/qactivity" Quasar App Extension

App • Installing @quasar/quasar-app-extension-qactivity... App • [sync] Running "yarn add --dev @quasar/quasar-app-extension-qactivity" in /Users/wouter/Progs/Web-Dev/sb_frontend_new

yarn add v1.22.17 [1/5] 🔍 Validating package.json... [2/5] 🔍 Resolving packages... [3/5] 🚚 Fetching packages... [4/5] 🔗 Linking dependencies... warning " > @intlify/vite-plugin-vue-i18n@3.4.0" has unmet peer dependency "vite@^2.0.0". warning "@quasar/app-vite > rollup-plugin-visualizer@5.6.0" has unmet peer dependency "rollup@^2.0.0". warning " > autoprefixer@10.4.7" has unmet peer dependency "postcss@^8.1.0". [5/5] 🔨 Building fresh packages... success Saved lockfile. success Saved 1 new dependency. info Direct dependencies └─ @quasar/quasar-app-extension-qactivity@2.0.0 info All dependencies └─ @quasar/quasar-app-extension-qactivity@2.0.0 ✨ Done in 5.24s. App • Updating /quasar.extensions.json for "@quasar/qactivity" extension ... App • Quasar App Extension "@quasar/qactivity" successfully installed.

$ 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 • Running "vuelidate-rules" Quasar App Extension... App • Running "@quasar/qoverlay" Quasar App Extension... App • Running "@quasar/qactivity" Quasar App Extension...

App • ⚠️ Extension(@quasar/qactivity): Dependency not found - @quasar/app. Please install it.

If I try try to add @quasar/app, I get another error:

$ yarn add @quasar/app yarn add v1.22.17 [1/5] 🔍 Validating package.json... [2/5] 🔍 Resolving packages... warning @quasar/app > cssnano > cssnano-preset-default > postcss-svgo > svgo > stable@0.1.8: Modern JS already guarantees Array#sort() is a stable sort, so this library is deprecated. See the compatibility table on MDN: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/sort#browser_compatibility [3/5] 🚚 Fetching packages... [4/5] 🔗 Linking dependencies... warning " > @intlify/vite-plugin-vue-i18n@3.4.0" has unmet peer dependency "vite@^2.0.0". warning "@quasar/app-vite > rollup-plugin-visualizer@5.6.0" has unmet peer dependency "rollup@^2.0.0". warning " > autoprefixer@10.4.7" has unmet peer dependency "postcss@^8.1.0". [5/5] 🔨 Building fresh packages... success Saved lockfile. success Saved 229 new dependencies. info Direct dependencies └─ @quasar/app@3.3.3 info All dependencies ├─ @babel/highlight@7.18.6 ├─ @babel/plugin-proposal-class-properties@7.18.6 ├─ @babel/plugin-proposal-export-namespace-from@7.18.6 ├─ @babel/plugin-proposal-json-strings@7.18.6 ├─ @babel/plugin-proposal-numeric-separator@7.18.6 ├─ @polka/url@1.0.0-next.21 ├─ @quasar/app@3.3.3 ├─ @quasar/babel-preset-app@2.0.1 ├─ @quasar/fastclick@1.1.4 ├─ @quasar/ssr-helpers@2.1.1 ├─ @trysound/sax@0.2.0 ├─ @types/bonjour@3.5.10 ├─ @types/connect-history-api-fallback@1.3.5 ├─ @types/eslint-scope@3.7.3 ├─ @types/eslint@8.4.3 ├─ @types/html-minifier-terser@6.1.0 ├─ @types/http-proxy@1.17.9 ├─ @types/retry@0.12.0 ├─ @types/serve-index@1.9.1 ├─ @types/sockjs@0.3.33 ├─ @types/webpack-bundle-analyzer@4.4.1 ├─ @types/ws@8.5.3 ├─ @webassemblyjs/floating-point-hex-parser@1.11.1 ├─ @webassemblyjs/helper-numbers@1.11.1 ├─ @webassemblyjs/helper-wasm-section@1.11.1 ├─ @webassemblyjs/wasm-edit@1.11.1 ├─ @webassemblyjs/wasm-opt@1.11.1 ├─ @webassemblyjs/wast-printer@1.11.1 ├─ @xtuc/ieee754@1.2.0 ├─ acorn-import-assertions@1.8.0 ├─ acorn-walk@8.2.0 ├─ aggregate-error@3.1.0 ├─ ansi-html-community@0.0.8 ├─ archiver@5.3.0 ├─ array-union@3.0.1 ├─ babel-plugin-module-resolver@4.1.0 ├─ batch@0.6.1 ├─ bonjour@3.5.0 ├─ browserslist@4.21.1 ├─ buffer-indexof@1.1.1 ├─ caniuse-lite@1.0.30001361 ├─ chrome-trace-event@1.0.3 ├─ ci-info@3.3.0 ├─ clean-stack@2.2.0 ├─ commondir@1.0.1 ├─ compression-webpack-plugin@9.2.0 ├─ connect-history-api-fallback@1.6.0 ├─ copy-webpack-plugin@10.2.4 ├─ core-js@3.23.3 ├─ cosmiconfig@6.0.0 ├─ css-declaration-sorter@6.3.0 ├─ css-loader@5.2.6 ├─ css-minimizer-webpack-plugin@3.4.1 ├─ css-tree@1.1.3 ├─ css-what@6.1.0 ├─ cssnano-preset-default@5.2.12 ├─ cssnano@5.0.17 ├─ csso@4.2.0 ├─ deep-equal@1.1.1 ├─ default-gateway@6.0.3 ├─ del@6.1.1 ├─ detect-node@2.1.0 ├─ dns-equal@1.0.0 ├─ dns-packet@1.3.4 ├─ dns-txt@2.0.2 ├─ dom-converter@0.2.0 ├─ dom-serializer@1.4.1 ├─ domutils@2.8.0 ├─ dot-case@3.0.4 ├─ duplexer@0.1.2 ├─ electron-to-chromium@1.4.173 ├─ enhanced-resolve@5.10.0 ├─ errno@0.1.8 ├─ error-ex@1.3.2 ├─ error-stack-parser@2.0.6 ├─ es-module-lexer@0.9.3 ├─ eventemitter3@4.0.7 ├─ events@3.3.0 ├─ execa@5.1.1 ├─ faye-websocket@0.11.4 ├─ file-loader@6.2.0 ├─ find-babel-config@1.2.0 ├─ find-cache-dir@3.3.2 ├─ find-up@5.0.0 ├─ fork-ts-checker-webpack-plugin@6.5.0 ├─ fs-monkey@1.0.3 ├─ get-stream@6.0.1 ├─ globby@12.2.0 ├─ gzip-size@6.0.0 ├─ handle-thing@2.0.1 ├─ hash-sum@2.0.0 ├─ hpack.js@2.1.6 ├─ html-entities@2.3.3 ├─ html-minifier-terser@6.1.0 ├─ html-webpack-plugin@5.5.0 ├─ htmlparser2@6.1.0 ├─ http-deceiver@1.2.7 ├─ http-parser-js@0.5.8 ├─ http-proxy-middleware@2.0.6 ├─ http-proxy@1.18.1 ├─ human-signals@2.1.0 ├─ indent-string@4.0.0 ├─ inquirer@8.2.0 ├─ ip@1.1.8 ├─ is-arguments@1.1.1 ├─ is-arrayish@0.2.1 ├─ is-path-cwd@2.2.0 ├─ is-path-inside@3.0.3 ├─ is-plain-obj@3.0.0 ├─ isbinaryfile@4.0.8 ├─ javascript-stringify@2.1.0 ├─ json-parse-even-better-errors@2.3.1 ├─ klona@2.0.5 ├─ launch-editor-middleware@2.3.0 ├─ launch-editor@2.4.0 ├─ lines-and-columns@1.2.4 ├─ loader-runner@4.3.0 ├─ locate-path@6.0.0 ├─ lodash.memoize@4.1.2 ├─ lodash.throttle@4.1.1 ├─ lodash.uniq@4.5.0 ├─ log-update@4.0.0 ├─ make-dir@3.1.0 ├─ mdn-data@2.0.14 ├─ memfs@3.4.7 ├─ memory-fs@0.5.0 ├─ mini-css-extract-plugin@1.6.0 ├─ minimalistic-assert@1.0.1 ├─ mkdirp@0.5.6 ├─ mrmime@1.0.1 ├─ multicast-dns-service-types@1.1.0 ├─ multicast-dns@6.2.3 ├─ node-forge@1.3.1 ├─ node-loader@2.0.0 ├─ normalize-url@6.1.0 ├─ npm-run-path@4.0.1 ├─ null-loader@4.0.1 ├─ object-is@1.1.5 ├─ obuf@1.1.2 ├─ opener@1.5.2 ├─ ouch@2.0.0 ├─ p-limit@2.3.0 ├─ p-locate@5.0.0 ├─ p-map@4.0.0 ├─ p-retry@4.6.2 ├─ p-try@2.2.0 ├─ pascal-case@3.1.2 ├─ pkg-dir@4.2.0 ├─ pkg-up@3.1.0 ├─ portfinder@1.0.28 ├─ postcss-calc@8.2.4 ├─ postcss-colormin@5.3.0 ├─ postcss-convert-values@5.1.2 ├─ postcss-discard-comments@5.1.2 ├─ postcss-discard-duplicates@5.1.0 ├─ postcss-discard-empty@5.1.1 ├─ postcss-discard-overridden@5.1.0 ├─ postcss-loader@6.2.1 ├─ postcss-merge-longhand@5.1.6 ├─ postcss-merge-rules@5.1.2 ├─ postcss-minify-font-values@5.1.0 ├─ postcss-minify-gradients@5.1.1 ├─ postcss-minify-params@5.1.3 ├─ postcss-minify-selectors@5.2.1 ├─ postcss-modules-extract-imports@3.0.0 ├─ postcss-modules-local-by-default@4.0.0 ├─ postcss-modules-scope@3.0.0 ├─ postcss-modules-values@4.0.0 ├─ postcss-normalize-charset@5.1.0 ├─ postcss-normalize-display-values@5.1.0 ├─ postcss-normalize-positions@5.1.1 ├─ postcss-normalize-repeat-style@5.1.1 ├─ postcss-normalize-string@5.1.0 ├─ postcss-normalize-timing-functions@5.1.0 ├─ postcss-normalize-unicode@5.1.0 ├─ postcss-normalize-url@5.1.0 ├─ postcss-normalize-whitespace@5.1.1 ├─ postcss-ordered-values@5.1.3 ├─ postcss-reduce-initial@5.1.0 ├─ postcss-reduce-transforms@5.1.0 ├─ postcss-rtlcss@3.5.2 ├─ postcss-svgo@5.1.0 ├─ postcss-unique-selectors@5.1.1 ├─ pretty-error@4.0.0 ├─ prr@1.0.1 ├─ renderkid@3.0.0 ├─ requires-port@1.0.0 ├─ reselect@4.1.6 ├─ retry@0.13.1 ├─ rtlcss@3.5.0 ├─ sass-loader@12.4.0 ├─ select-hose@2.0.0 ├─ selfsigned@2.0.1 ├─ serve-index@1.9.1 ├─ shell-quote@1.7.3 ├─ sirv@1.0.19 ├─ sockjs@0.3.24 ├─ source-list-map@2.0.1 ├─ spdy-transport@3.0.0 ├─ spdy@4.0.2 ├─ stable@0.1.8 ├─ stackframe@1.3.4 ├─ statuses@1.5.0 ├─ strip-final-newline@2.0.0 ├─ stylehacks@5.1.0 ├─ svgo@2.8.0 ├─ terser-webpack-plugin@5.3.1 ├─ thunky@1.1.0 ├─ totalist@1.1.0 ├─ ts-loader@9.2.6 ├─ typescript@4.5.5 ├─ update-browserslist-db@1.0.4 ├─ url-loader@4.1.1 ├─ utila@0.4.0 ├─ uuid@8.3.2 ├─ vue-loader@17.0.0 ├─ vue-style-loader@4.1.3 ├─ watchpack@2.4.0 ├─ wbuf@1.7.3 ├─ webpack-bundle-analyzer@4.5.0 ├─ webpack-chain@6.5.1 ├─ webpack-dev-middleware@5.3.3 ├─ webpack-dev-server@4.7.4 ├─ webpack-node-externals@3.0.0 ├─ webpack-sources@1.4.3 ├─ webpack@5.73.0 ├─ websocket-driver@0.7.4 ├─ websocket-extensions@0.1.4 └─ yocto-queue@0.1.0 ✨ Done in 25.28s.

$ quasar dev

App • ⚠️ Error. This command must be executed inside a Quasar v1+ project folder.

I have to remove @quasar/app in order to run 'quasar info':

quasar info

Operating System - Darwin(21.5.0) - darwin/x64 NodeJs - 16.15.0

Global packages NPM - 8.5.5 yarn - 1.22.17 @quasar/cli - 1.3.2 @quasar/icongenie - 2.5.1 cordova - You have been opted out of telemetry. To change this, run: cordova telemetry on. 11.0.0

Important local packages quasar - 2.7.1 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time @quasar/app-vite - 1.0.1 -- Quasar Framework App CLI with Vite @quasar/extras - 1.14.0 -- Quasar Framework fonts, icons and animations eslint-plugin-quasar - 1.1.0 -- Official ESLint plugin for Quasar vue - 3.2.37 -- The progressive JavaScript framework for building modern web UI. vue-router - 4.0.16 pinia - 2.0.14 -- Intuitive, type safe and flexible Store for Vue vuex - 4.0.2 -- state management for Vue.js vite - 2.9.1 -- Native-ESM powered web dev build tool eslint - 8.17.0 -- An AST-based pattern checker for JavaScript. electron - Not installed electron-packager - Not installed electron-builder - Not installed register-service-worker - 1.7.2 -- Script for registering service worker, with hooks @capacitor/core - Not installed @capacitor/cli - Not installed @capacitor/android - Not installed @capacitor/ios - Not installed

Quasar App Extensions quasar-app-extension-vuelidate-rules - 0.5.1 -- Use Vuelidate methods as internal Quasar rules for validation @quasar/quasar-app-extension-qoverlay - 2.0.1 -- A Quasar App Extension @quasar/quasar-app-extension-qactivity - 2.0.0 -- QActivity is an app extension for Quasar for making an activity list

Networking Host - Keyser2.local en0 - 192.168.1.32 en3 - 192.168.1.84

(node:22126) [DEP0148] DeprecationWarning: Use of deprecated folder mapping "./" in the "exports" field module resolution of the package at /Users/wouter/Progs/Web-Dev/sb_frontend_new/node_modules/vuex/package.json. Update this package.json to use a subpath pattern like "./*". (Use node --trace-deprecation ... to show where the warning was created)

$ npm list package.json@0.0.1 /Users/wouter/Progs/Web-Dev/sb_frontend_new ├── @intlify/vite-plugin-vue-i18n@3.4.0 ├── @quasar/app-vite@1.0.1 ├── @quasar/extras@1.14.0 ├── @quasar/quasar-app-extension-qactivity@2.0.0 ├── @quasar/quasar-app-extension-qoverlay@2.0.1 ├── @quasar/quasar-ui-qactivity@2.0.0 ├── @quasar/quasar-ui-qoverlay@2.0.1 ├── apexcharts@3.35.3 ├── autoprefixer@10.4.7 ├── axios@0.27.2 ├── cors@2.8.5 ├── eslint-config-prettier@8.5.0 ├── eslint-plugin-quasar@1.1.0 ├── eslint-plugin-vue@9.1.1 ├── eslint@8.17.0 ├── mqtt@4.3.7 ├── pinia@2.0.14 ├── prettier@2.7.0 ├── quasar-app-extension-vuelidate-rules@0.5.1 ├── quasar@2.7.1 ├── vue-i18n@9.1.10 ├── vue-router@4.0.16 ├── vue-screen-size@2.0.4 ├── vue@3.2.37 ├── vue3-apexcharts@1.4.1 ├── vuelidate@0.7.7 ├── vuex@4.0.2 ├── workbox-build@6.5.3 ├── workbox-cacheable-response@6.5.3 ├── workbox-core@6.5.3 ├── workbox-expiration@6.5.3 ├── workbox-precaching@6.5.3 ├── workbox-routing@6.5.3 ├── workbox-strategies@6.5.3 └── workbox-window@6.5.3

Please can you help. I have searched for an answer, but so far I'm unable to resolve. Apologies if I have logged this incorrectly.

quasarframework / quasar-ui-qactivity

quasar dev giving dependency error post "quasar ext add @quasar/qactivity" #59