Compile, Mdsvex imports error on Join

[techydad05]

I am using a bare sveltekit demo app and am simply using import { mdsvex, compile } from 'mdsvex'; on one of my routes to make a preview container. It breaks my app with this error node_modules/mdsvex/dist/main.es.js:2:24: error: No matching export in "browser-external:path" for import "join" 2 │ import path__default, { join } from 'path';
I have tried import each separately and its the same thing.
Any help would be appreciated! Thanks.

[Feuerhamster]

Same problem here.

I want to render markdown in a component using the compile function in the components script tag and I get the same error.

[miedzikd]

Same problem for me... Everything work if I use compile function in .ts or .js files. But when I try use compile inside .svelte file then I got this error

[git-no]

Same problem here.

[zmre]

I'm having the same issue. Because of the note by @miedzikd, I tried moving the .compile() call into a .ts file so hoping I could call a utility function as a workaround, but that resulted in the same error. Does anyone have a workaround?

[raphet]

I'm having the same issue.
We get markdown from a REST endpoint.
This content is not stored in physical .md or .svx files. So it appears the intended way to cover this scenario is through .compile() which throws above error.

A workaround would be highly appreciated.

[kmalkenneth]

You can only use it on one endpoint.

import { compile } from 'mdsvex';

/** @type {import('@sveltejs/kit').RequestHandler} */
// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
export async function get() {
	const transformed_code = await compile(
		`
        <script>
            import { LogoApp } from '$lib/components';            
        </script>

        <LogoApp></LogoApp>

        # Hello friends

        Esto es una prueba de **markdown**
        `
        );

	const data = transformed_code;

	console.log(data);

	const body = {
		data
	};

	return { body: body };
}

But many functionalities are lost. Such as the layout and the import of components.