Tengo un componente, facts-and-steps.js , y quiero importar un archivo HTML que contenga una <template> . Estoy tratando de usar fetch para obtener el archivo template.html , pero devuelve un error 404.
Aquí está el código que devuelve 404:
let x = await (await fetch('./template.html')).text(); //x prints "Not Found"Estoy usando Open-wc @web/dev-server - https://modern-web.dev/docs/dev-server/overview/
¿Cómo puedo obtener archivos?
fetch carga recursos relativos en función de dónde se ejecuta, no de dónde se carga. Digamos que tiene example.com/components/facts-and-steps/facts-and-steps.js cargado y ejecutado en example.com/ . Intentará cargar example.com/template.html . Básicamente tienes un par de opciones.
fetch('/components/facts-and-steps/template.html') fetch(new URL('./template.html', import.meta.url))