0
142
VistasLa imagen de fondo de Tailwindcss no se muestra en la implementación
Tanto la imagen de fondo como el fondo de la barra de navegación no se procesan. Estoy usando Vercel y Netlify para implementar y he usado el comando de compilación, así como la configuración del directorio de publicación en ambos sitios. Intenté verificar mi código ya que estoy usando Tailwind por primera vez, pero todavía no puedo entender qué salió mal.
El repositorio: https://github.com/d4nky/Tailwindcss-Portfolio
El sitio: https://inspiring-carson-2c8f1d.netlify.app
Cualquier pieza de información sería apreciada :)
2 Respuestas
Responde la pregunta0
Tienes que poner el directorio img en tu dist también, porque por ahora, estás usando la ruta /img/background.jpg que se refiere al archivo repo /dist/img/background.jpg , que no existe.
Puedes verificar eso en la consola, que dice:
GET https://inspiring-carson-2c8f1d.netlify.app/img/background.jpg [HTTP/1.1 404 Not Found] Y lo mismo para logo_size.jpg .
Puede poner esos directorios directamente en el directorio dist a mano, o usar alguna herramienta de agrupación como webpack para automatizar las cosas.
0
Porque el sitio no puede encontrar los recursos. 
Los enlaces que especificó en index.html son relativos, cuya ruta absoluta es path/to/index/ + value/of/src . Por ejemplo, su página buscará main.js en repo-root/dist/dist/ .
Por lo tanto, debe almacenar y vincular correctamente sus recursos, o aprender a usar tecnología de paquete, por ejemplo, paquete web.