Estoy tratando de tomar una cadena que contiene rebajas en una plantilla Svelte y usarla como parte de un componente Svelte usando mdsvex . Tengo el siguiente código en App.svelte :
<script> import { compile } from 'mdsvex'; import Counter from './lib/Counter.svelte' const transformed_code = compile(` # Hello world This is a paragraph <Counter /> `, {}); </script> <div id="content"></div> Una vez hecho esto, quiero agregar el resultado dentro del cuadro #content . Cuando ejecuto el paso de compilación, aparece el siguiente error:
No capturado (en promesa) ReferenceError: el proceso no está definido
¿Qué estoy haciendo mal exactamente? ¿Y es esto realmente posible de hacer usando mdsvex? ¿Gracias por cualquier ayuda?
El módulo está destinado a ser utilizado en el servidor y utiliza el process variable de Nodo. La página del patio de recreo ajusta la variable en función de esto: https://github.com/defunctzombie/node-process/blob/master/browser.js
Puede definir un objeto de process como ese y asignarlo en la ventana. Asegúrese de que este código se ejecute en el cliente:
window.process = { /* fake process here */ } Una vez hecho esto, el código se ejecutará, pero el Counter no funcionará así; la importación no hace nada. La salida de mdsvex debe compilarse con Svelte, que genera código que intenta acceder a un componente Counter indefinido.
Hay múltiples enfoques posibles:
target no establecida)Si tiene importaciones de componentes anidados, la opción 2 es probablemente la más viable, ya que puede ajustar todas las URL de importación en el momento en que genera la salida compilada.