#markdown #sveltekit
Вопрос:
<script>
import Markdown from '../components/Markdown.svelte';
import path from '../../static/assets/docs/overview.md';
</script>
<article class="prose prose-red max-w-none">
<Markdown markdown={path} />
</article>
Вот предупреждение:
files in the public directory are served at the root path.
Instead of /static/assets/docs/overview.md?import, use /assets/docs/overview.md?import.
Если я использую import path from '/assets/docs/overview.md';
, я получаю следующую ошибку:
9:30:18 PM [vite] Internal server error: Cannot import non-asset file /assets/docs/overview.md which is inside /public.JS/CSS files inside /public are copied as-is on build and can only be referenced via <script src> or <link href> in html.
Plugin: vite:import-analysis
File: /Users/me/www/underwriting-ui/src/routes/docs.svelte
at TransformContext.transform (/Users/me/www/underwriting-ui/node_modules/vite/dist/node/chunks/dep-713b45e1.js:67350:31)
at async Object.transform (/Users/me/www/underwriting-ui/node_modules/vite/dist/node/chunks/dep-713b45e1.js:42397:30)
at async doTransform (/Users/me/www/underwriting-ui/node_modules/vite/dist/node/chunks/dep-713b45e1.js:56738:29)
Комментарии:
1. Просто предложение, я напишу ответ, но импорт
markdown
файла похож на импортstring
, поэтому использованиеrollup-plugin-string
для преобразования текстового файла в модуль должно работать.