Recientemente comencé a trabajar con Tailwind-CSS como mi marco y terminé mi primer proyecto de práctica usándolo. Sin embargo, cuando trato de abrir el archivo .html (index.html por ejemplo) en mi navegador, carga el archivo HTML sin cargar el CSS. ¿Por qué sucede eso?
¿Cómo puedo entregar un proyecto en Tailwind-CSS a un cliente si el CSS no se carga?
Aquí está el archivo index.html:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link href="/dist/output.css" rel="stylesheet" type=".text/css"/> <title>Manage Landing Page</title> </head> <body>
Vale la pena señalar que tengo 3 proyectos realizados con Tailwind-CSS usando VS Code. Ninguno de mis tres proyectos carga ningún CSS cuando se abre en el navegador, a pesar de que dos se realizan siguiendo los tutoriales sobre Tailwind-CSS en YT. Solo cargan CSS cuando los abro a través de la extensión Live Server para VS Code.