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

Currency
$209

Paga en 4 cuotas sin intereses

Paga en 4 cuotas sin intereses
Suscríbete

Termina en:

19 Días
11 Hrs
40 Min
57 Seg

Datos semilla

19/23
Recursos

Aportes 11

Preguntas 0

Ordenar por:

¿Quieres ver más aportes, preguntas y respuestas de la comunidad?

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:

  • database/seeders/DatabaseSeeder.php
  • resources/views/welcome.blade.php
  • resources/views/navigation-dropdown.blade.php
  • resources/views/repositories/create.blade.php
  • resources/views/repositories/edit.blade.php

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