Sourcemaps have offset if code contains defineAsyncComponent with dynamic import

[eran-swimm]

Describe the bug

We are compiling and building for production using vite.
We have a file has async component with dynamic import.
Source map of latter declaration have offset.

Reproduction

https://github.com/eran-swimm/source-map-example

Steps to reproduce

git clone [email protected]:eran-swimm/source-map-example.git
cd source-map-example
pnpm install
pnpm build
pnpm preview

The example is based on the pnpm create vite example with typescript and vue.js.

The main page has two buttons, one to call method1 and one to call method 2. Both methods have debugger statement in their body.

method1 is defined before the async component, when calling method1, the debugger stops at the right line. All definitions are in the HelloWorld component

method2 is defined after the async component, when calling method2, the debugger stops in one line offset

System Info

System:
    OS: macOS 13.2.1
    CPU: (10) arm64 Apple M1 Pro
    Memory: 184.52 MB / 16.00 GB
    Shell: 5.8.1 - /bin/zsh
  Binaries:
    Node: 16.14.0 - ~/.nvm/versions/node/v16.14.0/bin/node
    Yarn: 1.22.15 - ~/.nvm/versions/node/v16.14.0/bin/yarn
    npm: 8.3.1 - ~/.nvm/versions/node/v16.14.0/bin/npm
  Browsers:
    Chrome: 111.0.5563.110
    Firefox: 111.0.1
    Safari: 16.3

Used Package Manager

pnpm

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.

[eran-swimm]

thanks 🙏