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

    MIcrosoft Edge issue: [vue-router] Failed to resolve async component default: SyntaxError: Expected identifier, string or number

    CLI
    1
    1
    290
    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.
    • O
      omgwalt last edited by

      My new app runs without errors in Chrome and other browsers, but it generates an error in Microsoft Edge.

      [vue-router] Failed to resolve async component default: SyntaxError: Expected identifier, string or number
      eval code (1557) (17,5)

      [vue-router] uncaught error during route navigation:
      eval code (1557) (17,5)

      [object Error]: {description: “Expected identifier, string or number”, message: “Expected identifier, string or number”, number: -2146827260, stack: “SyntaxError: Expected identifier, string or number at ./node_modules/vue-plyr/dist/vue-plyr.mjs (http://localhost:8080/vendor.js:2878:1) at webpack_require (http://localhost:8080/app.js:854:12) at fn (http://localhost:8080/app.js:151:13) at eval code (eval code:3:22) at ./node_modules/babel-loader/lib/index.js?!./node_modules/@quasar/app/lib/webpack/loader.auto-import.js?kebab!./node_modules/vue-loader/lib/index.js?!./src/components/Player.vue?vue&type=script&lang=js& (http://localhost:8080/0.js:11:1) at webpack_require (http://localhost:8080/app.js:854:12) at fn (http://localhost:8080/app.js:151:13) at eval code (eval code:2:22) at ./src/components/Player.vue?vue&type=script&lang=js& (http://localhost:8080/0.js:115:1) at webpack_require (http://localhost:8080/app.js:854:12)”}

      The only file I have so far with async in it is this:

      import Vue from 'vue'
      import axios from 'axios'
      import convert from 'xml-js'
      export default async (/* { app, router, Vue ... } */) => {
        await axios.get('https://www.loatoday.net/feed/mp3')
          .then(function (response) {
            Vue.prototype.$xml = convert.xml2json(response.data, { compact: false, spaces: 1 })
          })
          .catch(function (error) {
            console.log(error)
          })
          .then(function () {
            // always executed
          })
        let xml = JSON.parse(Vue.prototype.$xml)
        let length = xml.elements[0].elements[0].elements.length
        let title = ''
        let description = ''
        let mp3 = ''
        let feed = []
      
        for (let i = 21; i < length; i++) {
          title = xml.elements[0].elements[0].elements[i].elements[0].elements[0].text
          description = xml.elements[0].elements[0].elements[i].elements[4].elements[0].cdata
          mp3 = xml.elements[0].elements[0].elements[i].elements[6].attributes.url
          feed.push({
            "id": (i - 19),
            "title": title,
            "description": description,
            "mp3": mp3
          })
        }
        Vue.prototype.$image = xml.elements[0].elements[0].elements[4].elements[0].elements[0].text
        Vue.prototype.$title = xml.elements[0].elements[0].elements[4].elements[1].elements[0].text
        Vue.prototype.$url = xml.elements[0].elements[0].elements[4].elements[2].elements[0].text
        Vue.prototype.$description = xml.elements[0].elements[0].elements[2].elements[0].text
        Vue.prototype.$feed = feed
        return feed
      }
      
      

      The feed in question is a podcast feed. How can I fix this?

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