vue-router3.5 import in broswer report error

[weihong991010]

Describe the bug

when i import async router , page will report such as follow error;

i found it cause by no mappping component, here are other infomations about the project:
vue2.7 vite3 vue-router3.5
hoping get reply soonly

Reproduction

bo

Steps to reproduce

No response

System Info

System:
    OS: macOS 12.3
    CPU: (8) x64 Apple M1 Pro
    Memory: 88.69 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.21.2 - ~/.nvm/versions/node/v14.21.2/bin/node
    Yarn: 1.22.19 - ~/.nvm/versions/node/v14.17.0/bin/yarn
    npm: 6.14.17 - ~/.nvm/versions/node/v14.21.2/bin/npm
  Browsers:
    Chrome: 114.0.5735.106
    Safari: 15.4
  npmPackages:
    @vitejs/plugin-legacy: ^2.2.0 => 2.3.1 
    @vitejs/plugin-vue2: 1.1.2 => 1.1.2 
    vite: 3.0.0 => 3.0.0

Used Package Manager

npm

Logs

No response

Validations

• Follow our Code of Conduct
• Read the Contributing Guidelines.
• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a Vite issue and not a framework-specific issue. For example, if it's a Vue SFC related bug, it should likely be reported to vuejs/core instead.
• Check that this is a concrete bug. For Q&A open a GitHub Discussion or join our Discord Chat Server.
• The provided reproduction is a minimal reproducible example of the bug.