"document is not defined" - Issues deploying to Heroku?

[jimmiejackson414]

I'm attempting to deploy a very simple landing page using Quasar SSR to Heroku, however I'm receiving the error

ReferenceError: document is not defined

My package.json is:

{
  "name": "landing-page",
  "version": "0.0.1",
  "description": "Landing Page",
  "author": "jimmiejackson414 <jimmiejackson414@gmail.com>",
  "private": true,
  "scripts": {
    "dev": "quasar dev",
    "build": "npx quasar build -m ssr",
    "start": "cd dist/ssr; yarn install; yarn start",
    "lint": "eslint --ext .js,.ts,.vue ./",
    "test": "echo \"No test specified\" && exit 0",
    "heroku:postbuild": "yarn && yarn build"
  },
  "dependencies": {
    "vue-i18n": "^9.0.0",
    "@quasar/extras": "^1.0.0",
    "quasar": "^2.6.0",
    "vue": "^3.0.0",
    "vue-router": "^4.0.0"
  },
  "devDependencies": {
    "@typescript-eslint/eslint-plugin": "^5.10.0",
    "@typescript-eslint/parser": "^5.10.0",
    "eslint": "^8.10.0",
    "eslint-plugin-vue": "^9.0.0",
    "eslint-config-airbnb-base": "^15.0.0",
    "eslint-plugin-import": "^2.20.1",
    "@types/node": "^12.20.21",
    "@intlify/vite-plugin-vue-i18n": "^3.3.1",
    "@quasar/app-vite": "^1.0.0",
    "autoprefixer": "^10.4.2",
    "typescript": "^4.5.4"
  },
  "engines": {
    "node": "16.13.*",
    "npm": "8.9.*",
    "yarn": "1.22.*"
  }
}

What might be causing this issue? I've been reading over the Quasar SSR docs, but it's not quite clicking for me.

[MilosPaunovic]

Are you using document reference in some lifecycle hook when the code is on server, as it isn't available there?

[jimmiejackson414]

No I'm not. Here's the rest of the error log though:

2022-07-10T16:23:52.004176+00:00 app[web.1]: ReferenceError: document is not defined
2022-07-10T16:23:52.004176+00:00 app[web.1]: at Object.getPaletteColor (/app/dist/ssr/node_modules/quasar/dist/quasar.cjs.prod.js:6:116626)
2022-07-10T16:23:52.004177+00:00 app[web.1]: at Module.<anonymous> (/app/dist/ssr/server/server-entry.js:27:12694)
2022-07-10T16:23:52.004177+00:00 app[web.1]: at Module._compile (node:internal/modules/cjs/loader:1101:14)
2022-07-10T16:23:52.004177+00:00 app[web.1]: at Object.Module._extensions..js (node:internal/modules/cjs/loader:1153:10)
2022-07-10T16:23:52.004178+00:00 app[web.1]: at Module.load (node:internal/modules/cjs/loader:981:32)
2022-07-10T16:23:52.004178+00:00 app[web.1]: at Function.Module._load (node:internal/modules/cjs/loader:822:12)
2022-07-10T16:23:52.004178+00:00 app[web.1]: at Module.require (node:internal/modules/cjs/loader:1005:19)
2022-07-10T16:23:52.004178+00:00 app[web.1]: at require (node:internal/modules/cjs/helpers:102:18)
2022-07-10T16:23:52.004179+00:00 app[web.1]: at Object.<anonymous> (/app/dist/ssr/index.js:1:1232)
2022-07-10T16:23:52.004179+00:00 app[web.1]: at Module._compile (node:internal/modules/cjs/loader:1101:14)
2022-07-10T16:23:52.018946+00:00 app[web.1]: error Command failed with exit code 1.
2022-07-10T16:23:52.019047+00:00 app[web.1]: info Visit https://yarnpkg.com/en/docs/cli/run for documentation about this command.

[jimmiejackson414]

@MilosPaunovic I noticed in the SSR Production Export docs a warning that says "You will need to be running on “@quasar/app-webpack” v3.2+ to be able to use this feature," however I am using @quasar/app-vite: "^1.0.0. Could that be the cause?

[MilosPaunovic]

Yes, that absolutely could be the issue, but I think @yusufkandemir is the man which could confirm for sure.