Tengo un proyecto de páginas de github que estoy tratando de crear. Lo tengo funcionando muy bien en local, pero, por supuesto, cuando lo publico falla.
El problema está en este bit de javascript, que se supone que extrae algunos datos de un archivo json en el repositorio para construir el contenido de una página determinada:
(async function(){ const response = await fetch(`https://GITUSER.github.io/GITREPO/tree/gh-pages/data/file.json`);//Error gets thrown here, because the asset does not exist in the current code state. const docData = await response.json(); const contentTarget = document.getElementById('doc-target'); const tocTarget = document.getElementById('toc-target') createContent(tocTarget,contentTarget,docData); })();Ahora, el problema es que las páginas no cargarán el activo porque no sabe que lo necesita hasta que se llama a la función. ¿Hay alguna manera de que las páginas carguen este activo para que la API de recuperación pueda llamarlo? ¿O está más allá de las capacidades de las páginas de github?
Editado: se agregó un código adicional para el contexto.
Intenta usar raw.githubusercontent.com así
(async function(){ const response = await fetch('https://raw.githubusercontent.com/{username}/{repo}/{branch}/{file}') const docData = await response.json(); const contentTarget = document.getElementById('doc-target'); const tocTarget = document.getElementById('toc-target') createContent(tocTarget,contentTarget,docData); })();y funcionaria