Al momento de cargar los estilos no me funcionó usar:
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
En su lugar, utilice:
@vite(['resources/css/app.css'])
Introducción
Todo lo que aprenderás sobre TDD en Laravel
Proyecto desarrollado con TDD
Proyecto
Configuración Inicial del proyecto
Relaciones: múltiples
Relaciones: pertenencia
Proteger rutas
Nuevo registro
Actualizar registro
Validación
Eliminar registro
Póliticas de Acceso
Proteger: actualizar
Proteger: eliminar
Listado personal
Ver registro individual
Vistas del proyecto
Formulario de edición
Formulario de creación
Área pública
Diseño con Tailwind CSS
Datos semilla
Refactorización
Validación de datos
Políticas de acceso
Ajustes finales
Conclusión
Repaso final y despedida
No tienes acceso a esta clase
¡Continúa aprendiendo! Únete y comienza a potenciar tu carrera
Convierte tus certificados en títulos universitarios en USA
Antes: $249
Paga en 4 cuotas sin intereses
Termina en:
Profesor Italo Morales F
Aportes 11
Preguntas 0
Al momento de cargar los estilos no me funcionó usar:
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
En su lugar, utilice:
@vite(['resources/css/app.css'])
Ya en un proyecto muy grande pueden darle un vistazo a la documentación de Faker para tener datos mas variados.
php artisan migrate --seed
Modificados:
En laravel 8 el archivo del menú es
navigation-menu.blade.php
En el archivo welcome.blade.php no me cargaban del todo los estilos de tailwind, aunque el error era solo con algunos estilos, lo soluciones cambiando el href de la hoja de estilos.
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
por
<link rel="stylesheet" href="{{ mix('css/app.css') }}">
Desconozco porque no me funciono correctamente de la primer forma, si alguien sabe porque, les agradecería que me lo explicaran.
buenas tardes, si de casualidad no les carga bien los css cambien las comillas simples por comillas dobles es decir:
antes:
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
despues:
<link rel="stylesheet" href="{{ asset("css/app.css") }}">
Comparto el código de welcome.blade.php con una barra de navegación para login y register
<!DOCTYPE html>
<html lang="{{ str_replace('_', '-', app()->getLocale()) }}">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>App Repositorios</title>
<link rel="stylesheet" href="{{ asset('css/app.css') }}">
</head>
<body class="bg-gray-200">
<nav class="flex space-x-4 justify-end bg-blue-200 m-3 p-2 rounded-xl shadow-md">
<div class="text-red-900 font-semibold"><a href="{{ route('login') }}">Login</a></div>
<div class="text-gray-700 font-semibold"><a href="{{ route('register') }}">Register</a> </div>
</nav>
<ul class="max-w-lg bg-white border-r border-gray-300 shadow-xl">
@foreach ($repositories as $repository)
<li class="flex items-center text-gray-900 p-2 hover:bg-gray-300">
<img
src="{{ $repository->user->profile_photo_url }}"
class="w-12 h-12 rounded-full mr-2"
>
<div class="flex justify-between w-full">
<div class="flex-1">
<h2 class="text-sm font-semibold text-gray-900">{{ $repository->url }}</h2>
<p>{{ $repository->description }}</p>
</div>
<span class="text-xs font-medium text-gray-600">{{ $repository->created_at->diffForHumans() }}</span>
</div>
</li>
@endforeach
</ul>
</body>
</html>
Si desea ver la fecha de creación en español, puede editar el archivo config/app.php y cambiar ‘locale’ => ‘en’ por:
'locale' => 'es',
Tener en cuenta que para que los estilos funcionen durante el desarrollo ejecutar el comando:
npm run watch
Esto con el fin de que el sistema compile y genere el nuevo app.css
También tener en cuenta si no ve los estilos en su navegador, eliminar la caché con Ctrl + Shift + R
Si no funcionan algunos estilos deben de ejecutar los siguientes comandos =>
npm install && npm run dev
Faker ha sido archivado por su autor y principal mantenedor, no se asusten aún sigue funcionando con la condición de que usen una versión de PHP menor a la 8. Fuente: https://marmelab.com/blog/2020/10/21/sunsetting-faker.html
¿Quieres ver más aportes, preguntas y respuestas de la comunidad?