Skip to main content
etiquetas editadas
Enlace
porloscerros Ψ
  • 6.4k
  • 2
  • 12
  • 23
Origen Enlace
Oscar
  • 31
  • 3

Error component: inertia-link con Laravel Jetstream Inertia

estoy desarrollando una admin para tener todo la información de mis clientes y tengo un problema con .

Puedo ver la pantalla sin problemas, pero el botón botón no funciona. Este es el código del botón:

<inertia-link
 :href="route('clientes.create')"
 class=" type="button">
   Nuevo Cliente
</inertia-link>

El scrip que tengo al final es:

import JetApplicationLogo from '@/Jetstream/ApplicationLogo.vue'
    import AppLayout from '@/Layouts/AppLayout'
    import { Link } from '@inertiajs/inertia-vue3'

    export default {
        props:{
        productos: Array
       },
        components: {
            JetApplicationLogo,
            Link,
        },
    };

En la consola sale esto:

[Vue warn]: Failed to resolve component: inertia-link 
  at <ClienteMostrar> 
  at <AppLayout title="Clientes" > 
  at <Clientes jetstream= 
Object { canCreateTeams: false, canManageTwoFactorAuthentication: true, canUpdatePassword: true, canUpdateProfileInformation: true, flash: [], hasAccountDeletionFeatures: true, hasApiFeatures: false, hasTeamFeatures: false, hasTermsAndPrivacyPolicyFeature: false, managesProfilePhotos: true }
 user= 
Object { id: 1, name: "Oscar", email: "[email protected]", email_verified_at: "fecha", current_team_id: null, profile_photo_path: null, created_at: "fecha", updated_at: "fecha", profile_photo_url: "https://ui-avatars.com/api/?name=Oscar&color=7F9CF5&background=EBF4FF", two_factor_enabled: false }
 errorBags= 
Array []
  ... > 
  at <Inertia initialPage= 
Object { component: "Clientes", props: {…}, url: "/clientes", version: "207fd484b7c2ceeff7800b8c8a11b3b6" }
 initialComponent= 
Object { components: {…}, render: render(_ctx, _cache, $props, $setup, $data, $options)
, __file: "resources/js/Pages/Clientes.vue", inheritAttrs: false, … }
 resolveComponent=fn<m>  ... > 
  at <App>

Gracias por su ayuda :)