dynamic import and ?raw not work after build

[kitiho]

Describe the bug

I wanna use route param to be part of import path, and this TS file , I just want it be plain string, so I can render it like code by shikijs.

const questionIndex = route.params.id
const question = leetCodeQuestions.find(item => item.index === questionIndex)
onMounted(async() => {
  const { default: code } = await import(`../../constants/question-resolutions/${questionIndex}.ts?raw`)
})

It works in dev environment, but error after build.

Reproduction

https://github.com/kitiho/ki-algorithm/blob/master/src/pages/question/%5Bid%5D.vue

System Info

System:
    OS: macOS 12.3.1
    CPU: (10) x64 Apple M1 Pro
    Memory: 29.61 MB / 16.00 GB
    Shell: 5.8 - /bin/zsh
  Binaries:
    Node: 14.18.1 - ~/.nvm/versions/node/v14.18.1/bin/node
    Yarn: 1.22.17 - ~/.nvm/versions/node/v14.18.1/bin/yarn
    npm: 6.14.15 - ~/.nvm/versions/node/v14.18.1/bin/npm
  Browsers:
    Chrome: 101.0.4951.64
    Safari: 15.4
  npmPackages:
    @vitejs/plugin-vue: ^2.3.1 => 2.3.1 
    vite: ^2.9.1 => 2.9.1

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 https://github.com/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.

[bluwy]

Duplicate of #6992