failed to import .md files

[AhmedHamdy-B]

Describe the bug

I have a vue3 quasar app, that was using webpack and I migrated to vite, and fixed all of the issues except one thing, which is importing .md files, whenever I try to import an .md file it shows this error:

Reproduction

https://stackblitz.com/edit/vitejs-vite-g4uunx?file=index.html&terminal=dev

Steps to reproduce

No response

System Info

chrome
quasar2
vue3

Used Package Manager

npm

Logs

[vite] Internal server error: Failed to parse source for import analysis because the content contains invalid JS syntax. You may need to install appropriate plugins to handle the .md file format.
Plugin: vite:import-analysis
File: E:/Work/compliance-fe-main-v2-vite/changelog.md

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.

[stackblitz]

Start a new pull request in StackBlitz Codeflow.

• vitejs-vite-g4uunx (Open reproduction)

[bluwy]

As shown in the error message, you need a Vite plugin that can transform .md files to JS modules so it can be imported. I'm not sure if it's a misconfiguration, but the repro doesn't have a Vite plugin nor a .md file.