Vue JS Page loading issues on iPhone devices using both browser ( Safari & Chrome ), Can't open this page, Symfony (4.4) + Vue JS (v2.5)

My app is built on Symfony (4.4) + Vue JS(v2.5)

I am having an issue with iPhone devices on both safari and chrome browsers, the page reloads automatically after 10 to 30 sec. And after some tries give an error: Can't open this page. Also, I can see the page load indicator on the browser is not completed and the page reloads automatically.

Since I cannot figure out where precisely the glitch is, I am unable to share a piece of code. Please let me know the required things to share with you.

Images

https://i.stack.imgur.com/GGo1m.png https://i.stack.imgur.com/MBFtp.png

My package.json content

{
    "devDependencies": {
        "@symfony/stimulus-bridge": "^2.0.0",
        "@symfony/webpack-encore": "^1.0.0",
        "autoprefixer": "^10.2.4",
        "core-js": "^3.0.0",
        "postcss": "^8.2.6",
        "postcss-loader": "^5.0.0",
        "regenerator-runtime": "^0.13.2",
        "stimulus": "^2.0.0",
        "tailwindcss": "^2.0.3",
        "vue": "^2.5",
        "vue-loader": "^15",
        "vue-template-compiler": "^2.6.12",
        "webpack-notifier": "^1.6.0"
    },
    "license": "UNLICENSED",
    "private": true,
    "browserslist": [
        "defaults"
    ],
    "scripts": {
        "dev-server": "encore dev-server",
        "dev": "encore dev",
        "watch": "encore dev --watch",
        "build": "encore production --progress",
        "build-noprogress": "encore production"
    },
    "dependencies": {
        "axios": "^0.21.1",
        "swiped-events": "^1.1.4"
    }
}

#symfony #vuejs #javascript #safari #ios #iphone