No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

    Uncaught SyntaxError: Unexpected identifier vendor.js in android 5 and android 6.

    Framework
    3
    9
    958
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Sheejavarghese6 last edited by

      App stucks with white screen and gives following error Uncaught SyntaxError: Unexpected identifier. Anyone have any idea.

      Thanks in advance

      dobbel S 2 Replies Last reply Reply Quote 0
      • dobbel
        dobbel @Sheejavarghese6 last edited by dobbel

        @sheejavarghese6

        Using what mode?

        • Capacitor
        • Cordova
        • SPA
        • SSR
        • PWA

        Could you post the error output?

        Probably something to do with lacking ie11 support ( android 5/6 default webviews are sometimes not chrome, so I treat them as they are ie11). Yes that means Vue3 and Quasar V2 will not work on some android 5,6 phones because of lacking IE11 support.

        S 1 Reply Last reply Reply Quote 0
        • S
          Sheejavarghese6 last edited by Sheejavarghese6

          @dobbel Cordova. How to solve this?

          Cordova Package.json
          {
          “name”: “sportable.app”,
          “displayName”: “Sportable”,
          “version”: “2.1.9”,
          “description”: “Your personal trainer.”,
          “main”: “index.js”,
          “scripts”: {
          “test”: “echo “Error: no test specified” && exit 1”
          },
          “keywords”: [
          “ecosystem:cordova”
          ],
          “author”: “Apache Cordova Team”,
          “license”: “Apache-2.0”,
          “dependencies”: {
          “cordova”: “^9.0.0”,
          “cordova-plugin-network-information”: “^2.0.2”
          },
          “devDependencies”: {
          “cordova-android”: “^9.0.0”,
          “cordova-ios”: “^6.1.1”,
          “cordova-plugin-ionic-keyboard”: “^2.2.0”,
          “cordova-plugin-navigationbar-color”: “^0.1.0”,
          “cordova-plugin-splashscreen”: “^6.0.0”,
          “cordova-plugin-statusbar”: “^2.4.3”,
          “cordova-plugin-whitelist”: “^1.3.4”,
          “cordova-plugin-wkwebview-engine”: “^1.2.2”
          },
          “cordova”: {
          “plugins”: {
          “cordova-plugin-whitelist”: {},
          “cordova-plugin-network-information”: {},
          “cordova-plugin-splashscreen”: {},
          “cordova-plugin-statusbar”: {},
          “cordova-plugin-ionic-keyboard”: {},
          “cordova-plugin-navigationbar-color”: {},
          “cordova-plugin-wkwebview-engine”: {}
          },
          “platforms”: [
          “android”,
          “ios”
          ]
          }
          }

          Basic Information:
          Operating System - Windows_NT(10.0.18363) - win32/x64
          NodeJs - 10.21.0

          Global packages
          NPM - 6.14.4
          @quasar/cli - 1.1.0
          cordova - 10.0.0

          Important local packages
          quasar - 1.14.3 – Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
          @quasar/app - 1.9.6 – Quasar Framework local CLI
          @quasar/extras - 1.9.16 – Quasar Framework fonts, icons and animations
          vue - 2.6.11 – Reactive, component-oriented view layer for modern web interfaces.
          vue-router - 3.2.0 – Official router for Vue.js 2
          vuex - 3.4.0 – state management for Vue.js
          @capacitor/core - 2.4.6 – Capacitor: cross-platform mobile apps with the web
          @capacitor/cli - 2.4.6 – Capacitor: Cross-platform apps with JavaScript and the web
          @babel/core - 7.12.3 – Babel compiler core.
          webpack - 4.43.0 – Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, … and your custom stuff.
          webpack-dev-server - 3.11.0 – Serves a webpack app. Updates the browser on changes.
          workbox-webpack-plugin - 4.3.1 – A plugin for your Webpack build process, helping you generate
          a manifest of local files that workbox-sw should precache.
          register-service-worker - 1.7.1 – Script for registering service worker, with hooks
          typescript - 3.8.3 – TypeScript is a language for application scale JavaScript development

          dobbel 1 Reply Last reply Reply Quote 0
          • dobbel
            dobbel @Sheejavarghese6 last edited by dobbel

            @sheejavarghese6

            I would first try to enable ie11 support. If you are on Quasar V2 you are out of luck. ( see previous post)

            1 Reply Last reply Reply Quote 0
            • S
              Sheejavarghese6 last edited by

              @dobbel Cordova Package.json
              {
              “name”: “sportable.app”,
              “displayName”: “Sportable”,
              “version”: “2.1.9”,
              “description”: “Your personal trainer.”,
              “main”: “index.js”,
              “scripts”: {
              “test”: “echo “Error: no test specified” && exit 1”
              },
              “keywords”: [
              “ecosystem:cordova”
              ],
              “author”: “Apache Cordova Team”,
              “license”: “Apache-2.0”,
              “dependencies”: {
              “cordova”: “^9.0.0”,
              “cordova-plugin-network-information”: “^2.0.2”
              },
              “devDependencies”: {
              “cordova-android”: “^9.0.0”,
              “cordova-ios”: “^6.1.1”,
              “cordova-plugin-ionic-keyboard”: “^2.2.0”,
              “cordova-plugin-navigationbar-color”: “^0.1.0”,
              “cordova-plugin-splashscreen”: “^6.0.0”,
              “cordova-plugin-statusbar”: “^2.4.3”,
              “cordova-plugin-whitelist”: “^1.3.4”,
              “cordova-plugin-wkwebview-engine”: “^1.2.2”
              },
              “cordova”: {
              “plugins”: {
              “cordova-plugin-whitelist”: {},
              “cordova-plugin-network-information”: {},
              “cordova-plugin-splashscreen”: {},
              “cordova-plugin-statusbar”: {},
              “cordova-plugin-ionic-keyboard”: {},
              “cordova-plugin-navigationbar-color”: {},
              “cordova-plugin-wkwebview-engine”: {}
              },
              “platforms”: [
              “android”,
              “ios”
              ]
              }
              }

              Basic Information:
              Operating System - Windows_NT(10.0.18363) - win32/x64
              NodeJs - 10.21.0

              Global packages
              NPM - 6.14.4
              @quasar/cli - 1.1.0
              cordova - 10.0.0

              Important local packages
              quasar - 1.14.3 – Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
              @quasar/app - 1.9.6 – Quasar Framework local CLI
              @quasar/extras - 1.9.16 – Quasar Framework fonts, icons and animations
              vue - 2.6.11 – Reactive, component-oriented view layer for modern web interfaces.
              vue-router - 3.2.0 – Official router for Vue.js 2
              vuex - 3.4.0 – state management for Vue.js
              @capacitor/core - 2.4.6 – Capacitor: cross-platform mobile apps with the web
              @capacitor/cli - 2.4.6 – Capacitor: Cross-platform apps with JavaScript and the web
              @babel/core - 7.12.3 – Babel compiler core.
              webpack - 4.43.0 – Packs CommonJs/AMD modules for the browser. Allows to split your codebase into multiple bundles, which can be loaded on demand. Support loaders to preprocess files, i.e. json, jsx, es7, css, less, … and your custom stuff.
              webpack-dev-server - 3.11.0 – Serves a webpack app. Updates the browser on changes.
              workbox-webpack-plugin - 4.3.1 – A plugin for your Webpack build process, helping you generate
              a manifest of local files that workbox-sw should precache.
              register-service-worker - 1.7.1 – Script for registering service worker, with hooks
              typescript - 3.8.3 – TypeScript is a language for application scale JavaScript development

              1 Reply Last reply Reply Quote 0
              • S
                Sheejavarghese6 last edited by

                @dobbel {
                “name”: “sportable”,

                “dependencies”: {
                “@quasar/cli”: “^1.1.2”,
                “@quasar/extras”: “^1.9.16”,
                “apexcharts”: “^3.19.0”,
                “axios”: “^0.18.1”,
                “cordova”: “^9.0.0”,
                “localbase”: “^0.7.2”,
                “node-sass”: “^4.14.1”,
                “quasar”: “^1.14.3”,
                “sass-loader”: “^8.0.2”,
                “socket.io-client”: “^2.3.0”,
                “upgrade”: “^1.1.0”,
                “vue-apexcharts”: “^1.5.3”,
                “vue-confetti”: “^2.2.1”,
                “vue-i18n”: “^8.0.0”,
                “vuedraggable”: “^2.24.0”
                },
                “devDependencies”: {
                “@quasar/app”: “^1.9.6”
                },
                “engines”: {
                “node”: “>= 10.18.1”,
                “npm”: “>= 6.13.4”,
                “yarn”: “>= 1.21.1”
                },
                “browserslist”: [
                “last 1 version, not dead, ie >= 11”
                ]
                }

                1 Reply Last reply Reply Quote 0
                • S
                  Sheejavarghese6 @dobbel last edited by

                  @dobbel Screenshot_30.png

                  dobbel 1 Reply Last reply Reply Quote 0
                  • dobbel
                    dobbel @Sheejavarghese6 last edited by dobbel

                    @sheejavarghese6

                    “last 1 version, not dead, ie >= 11”

                    Does your app run on ie11 in SPA mode? I would test this first. Could potentially also be fixed by including some polyfills.

                    NodeJs - 10.21.0

                    Quasar: use node v12.x

                    cordova - 10.0.0

                    Is cordova v10 supported by Quasar? I would not be sure of that.

                    1 Reply Last reply Reply Quote 0
                    • S
                      Sfinx @Sheejavarghese6 last edited by

                      @sheejavarghese6 Let me guess - you are trying to run it in emulator ? It will not work until you will not update the google play and webview inside emulator - it is stated at cordova site, google

                      1 Reply Last reply Reply Quote 0
                      • First post
                        Last post