stuck at transforming SPA to SSR with PWA takeover

[kingrodriguez]

I have a quasar application (source, ssr branch).

but when starting the dev server (quasar dev -m ssr ) i encounter the error below.
unfortunately i am not a proficient frontend dev and cannot resolve it on my own.

 .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 •  TIP  • 🚀  You specified an explicit quasar.config.js > devServer > port. It is recommended to use a different devServer > port for each Quasar mode to avoid browser cache issues. Example: ctx.mode.ssr ? 9100 : ...
 App • Generated the PWA manifest file (manifest.json)
 App •  WAIT  • Compiling of the Service Worker with Workbox in progress...
 App •  DONE  • The Service Worker compiled with success • 722ms

 App •  WAIT  • Compiling of SSR Webserver with Esbuild in progress...
 App •  DONE  • SSR Webserver compiled with success • 624ms

 App •  WAIT  • Warming up...
1:50:26 PM [vite] Error when evaluating SSR module /node_modules/form-data/lib/form_data.js?v=2ff20b21:
ReferenceError: require is not defined
    at /node_modules/form-data/lib/form_data.js?v=2ff20b21:1:22
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50317:15)
1:50:26 PM [vite] Error when evaluating SSR module /src/api/services/AdminService.ts:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /src/api/index.ts:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /src/models/alerts.ts:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /src/models/index.ts:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /src/stores/alert.ts:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /src/App.vue:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module /.quasar/app.js:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
1:50:26 PM [vite] Error when evaluating SSR module [...]/demos-frontend/.quasar/server-entry.js:
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
 App • ⚠️   Warmup failed!
Error: `line` must be greater than 0 (lines start at line 1)
    at originalPositionFor$1 ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:16780:19)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50168:25
    at String.replace (<anonymous>)
    at [...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50158:21
    at Array.map (<anonymous>)
    at ssrRewriteStacktrace ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50157:10)
    at instantiateModule ([...]/demos-frontend/node_modules/vite/dist/node/chunks/dep-6e2fe41e.js:50322:32)
 App •  WAIT  • Starting webserver...
 App •  DONE  • Webserver is ready • 5ms

[neluckoff]

Are there any changes on this issue?

[TobyMosque]

try out the new (beta) ESM based quasar/app (webpack 4/vite 5)

[neluckoff]

Will I be able to migrate with such dependencies? What will I need to replace?

"dependencies": {
    "@kyvg/vue3-notification": "^2.9.1",
    "@quasar/app": "^3.3.3",
    "@quasar/extras": "^1.16.4",
    "@types/ntlm-client": "^0.1.0",
    "@vueuse/core": "^10.1.2",
    "axios": "^1.6.0",
    "downloadjs": "^1.4.7",
    "quasar": "^2.13.0",
    "vue": "^3.2.33",
    "vue-moment": "^4.1.0",
    "vue-router": "^4.0.0",
    "vue3-tooltip": "^2.2.4",
    "vuedraggable": "^4.1.0",
    "vuex": "^4.0.1",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
    "@antfu/eslint-config": "^2.16.2",
    "@rushstack/eslint-patch": "1.7.2",
    "@quasar/app-vite": "^1.0.0",
    "@quasar/quasar-app-extension-qenv": "^1.1.0",
    "@types/node": "^12.20.21",
    "@vue/eslint-config-typescript": "13.0.0",
    "@vue/tsconfig": "0.5.1",
    "autoprefixer": "^10.4.2",
    "cross-env": "^7.0.3",
    "dotenv": "^16.3.1",
    "eslint": "^8.10.0",
    "eslint-plugin-vue": "9.23.0",
    "eslint-config-prettier": "^8.1.0",
    "prettier": "^2.5.1",
    "typescript": "^4.5.4"
  },

[TobyMosque]

try to do a incremental update, something like:

i recommend do that in a new branch

1 upgrade all deps

https://quasar.dev/start/upgrade-guide#older-v2-to-latest-v2

quasar upgrade -i

2 check if the @quasar/app-webpack v3 is installed

check if the old @quasar/app as be replaced by the @quasar/app-webpack, if not, try to do that manually:

yarn remove @quasar/app
yarn add --dev @quasar/app-webpack@3

i recommend do that in a new branch

3 upgrade the @quasar/app-webpack to the v4

https://quasar.dev/quasar-cli-webpack/upgrade-guide#beginning-of-the-upgrade-process

[TobyMosque]

i just noticed, u'd @quasar/app and @quasar/app-vite, so probably u already did the migration from the old webpack plugin to the vite one, in this case...

1 remove the @quasar/app

yarn remove @quasar/app

2 upgrade the @quasar/app-vite to the v4

https://quasar.dev/quasar-cli-vite/upgrade-guide

[neluckoff]

I like this option, but I need to change the code a little because I'm using QENV, which works with @quasar/app