Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Prefetch feature breaks app

See original GitHub issue

What happened?

As of vue-router@4.1.0 we can define a route without specify a component when prefetch feature is enabled it throws an error

What did you expect to happen?

should work fine

Reproduction URL

quasar-prefetch + unplugin-vue-router quasar-prefetch

How to reproduce?

open stackblitz repro
navigate to about page and see it works
enable prefetch feature in quasar.conf.js
uncomment prefetch code in MainLayout.vue
navigate to about page
see error in console

Flavour

Quasar CLI with Vite (@quasar/cli | @quasar/app-vite)

Areas

Quasar CLI Commands/Configuration (@quasar/cli | @quasar/app-webpack | @quasar/app-vite)

Quasar info output

Operating System - Linux(5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36) - linux/x64
NodeJs - 16.14.2

Global packages
  NPM - 7.17.0
  yarn - 1.22.10
  @quasar/cli - undefined
  @quasar/icongenie - Not installed
  cordova - Not installed

Important local packages
  quasar - 2.7.7 -- Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time
  @quasar/app-vite - 1.0.6 -- Quasar Framework App CLI with Vite
  @quasar/extras - 1.15.1 -- Quasar Framework fonts, icons and animations
  eslint-plugin-quasar - Not installed
  vue - 3.2.37 -- The progressive JavaScript framework for building modern web UI.
  vue-router - 4.1.3
  pinia - Not installed
  vuex - Not installed
  vite - 2.9.14 -- Native-ESM powered web dev build tool
  eslint - 8.21.0 -- An AST-based pattern checker for JavaScript.
  electron - Not installed
  electron-packager - Not installed
  electron-builder - Not installed
  register-service-worker - 1.7.2 -- Script for registering service worker, with hooks
  @capacitor/core - Not installed
  @capacitor/cli - Not installed
  @capacitor/android - Not installed
  @capacitor/ios - Not installed

Quasar App Extensions
  *None installed*

Networking
  Host - quasarframework-wllnsp
  en0 - 192.168.1.104

Relevant log output

Cannot convert undefined or null to object
    at Function.keys (<anonymous>)
    at client-prefetch.js?t=1660229188863:35:19
    at Array.map (<anonymous>)
    at getMatchedComponents (client-prefetch.js?t=1660229188863:34:57)
    at client-prefetch.js?t=1660229188863:53:17
    at chunk-BLWP2ZRC.js?v=c49f912b:1425:31
    at new Promise (<anonymous>)
    at chunk-BLWP2ZRC.js?v=c49f912b:1404:16
    at chunk-BLWP2ZRC.js?v=c49f912b:2576:63

Additional context

// client-prefetch.js

function getMatchedComponents (to, router) {
  const route = to
    ? (to.matched ? to : router.resolve(to).route)
    : router.currentRoute.value

  if (!route) { return [] }

  return Array.prototype.concat.apply([], route.matched.map(m => {
    return Object.keys(m.components).map(key => { // <-- this line cause error
      const comp = m.components[key]
      return {
        path: m.path,
        c: comp
      }
    })
  }))
}