Laravel Breeze Vue - ссылка и страница не отображаются

Я работаю над приложением и впервые использую Laravel Breeze Vue. Просто краткая справка, Laravel Breeze предоставляет некоторые быстрые строительные леса для аутентификации. Когда пользователь входит в систему, ему предоставляется простая страница панели инструментов. Я добавил новую ссылку на эту страницу, как показано ниже.

приложение / ресурсы / js / Layouts / Authenticated.vue

      <!-- Navigation Links -->
<div class="hidden space-x-8 sm:-my-px sm:ml-10 sm:flex">
    <BreezeNavLink :href="route('dashboard')" :active="route().current('dashboard')">
        Dashboard
    </BreezeNavLink>
    <BreezeNavLink :href="route('client.index')" :active="route().current('client.index')">
        Clients
    </BreezeNavLink>
</div>

Я также создал файл Index.vue по пути к файлу app / resources / js / Pages / Client / Index.vue . Это выглядит так:

      <template>
    <Head title="Clients" />

    <BreezeAuthenticatedLayout>
        <template #header>
            <h2 class="font-semibold text-xl text-gray-800 leading-tight">
                Clients
            </h2>
        </template>

        <div class="py-12">
            <div class="max-w-7xl mx-auto sm:px-6 lg:px-8">
                <div class="bg-white overflow-hidden shadow-sm sm:rounded-lg">
                    <div class="p-6 bg-white border-b border-gray-200">
                        You're logged in!
                    </div>
                </div>
            </div>
        </div>
    </BreezeAuthenticatedLayout>
</template>

<script>
import BreezeAuthenticatedLayout from '@/Layouts/Authenticated.vue'
import { Head } from '@inertiajs/inertia-vue3';

export default {
    components: {
        BreezeAuthenticatedLayout,
        Head,
    },
}
</script>

Я использую ресурс маршрута в своем файле web.php, как показано ниже. Я подтвердил, что client.index - это существующий маршрут через php artisan route:list.

      //client routing
Route::middleware(['auth', 'verified'])->group(function() {
    Route::resource('client', ClientController::class);
});

У меня две проблемы. Первая проблема заключается в том, что ссылка не отображается в моих навигационных ссылках. Вторая проблема заключается в том, что страница Index.vue также не отображается. Я пробовал делать npm run dev, npm run watchи очистка кешей. Ничего из этого не сработало. Пожалуйста, дайте мне представление о том, как решить эти проблемы.

Источник

1 ответ

Решение

Это закрыто. Я использую старое оборудование, и потребовалось время, чтобы внести изменения. npm run dev выполнено как ожидалось.

Источник
Другие вопросы по тегам