nuxt-community / pwa-module

Zero config PWA solution for Nuxt.js
https://pwa.nuxtjs.org
MIT License
1.23k stars 171 forks source link

Blank page when opening the application as PWA on mobile #528

Open loghinteodorlow opened 1 year ago

loghinteodorlow commented 1 year ago

Hi all,

I'm receiving a blank screen and the following error in the console when I try to open my application as a installed PWA on mobile:

247fe2c.js:2 TypeError: Cannot read properties of undefined (reading '_isDestroyed')
    at destroy (247fe2c.js:2)
    at C (247fe2c.js:2)
    at C (247fe2c.js:2)
    at f.__patch__ (247fe2c.js:2)
    at f.t.$destroy (247fe2c.js:2)
    at destroy (247fe2c.js:2)
    at C (247fe2c.js:2)
    at C (247fe2c.js:2)
    at k (247fe2c.js:2)
    at f.__patch__ (247fe2c.js:2)

Here is my package.json file:

{
  "name": "my-app",
  "version": "1.0.0",
  "private": true,
  "scripts": {
    "dev": "nuxt",
    "build": "nuxt build",
    "start": "nuxt start",
    "generate": "nuxt generate"
  },
  "dependencies": {
    "@nuxtjs/auth-next": "^5.0.0-1643791578.532b3d6",
    "@nuxtjs/axios": "^5.13.6",
    "@nuxtjs/dotenv": "^1.4.1",
    "@nuxtjs/gtm": "^2.4.0",
    "@nuxtjs/pwa": "^3.3.5",
    "@nuxtjs/toast": "^3.3.1",
    "core-js": "^3.19.3",
    "downloadjs": "^1.4.7",
    "express": "^4.17.3",
    "nuxt": "^2.15.8",
    "nuxt-intercom": "^1.1.0",
    "sass": "^1.49.7",
    "sass-loader": "^10.2.0",
    "swiper": "^5.2.0",
    "vue": "^2.6.14",
    "vue-awesome-swiper": "^4.1.1",
    "vue-server-renderer": "^2.6.14",
    "vue-template-compiler": "^2.6.14",
    "vuejs-datepicker": "^1.6.2",
    "webpack": "^4.46.0"
  },
  "devDependencies": {
    "@nuxtjs/moment": "^1.6.1"
  }
}

And here is the PWA config from nuxt.config.js:

 pwa: {
    manifest: {
      name: "My App",
      description: "My App",
      short_name: "My App",
      lang: "ro",
      useWebmanifestExtension: false,
      orientation: "portrait-primary",
      start_url: "/dashboard?standalone=true",
   }
}

I'm also mentioning that the start_url requires the user to be logged in (I'm using nuxt/auth for the authentication system) and that it works flawlessly when I open the site in a mobile or desktop browser. Can you please help me out with this issue? Thanks!

hay-kot commented 1 year ago

I'm also experiencing the same issue, any luck solving this?