Fix: Envolver componentes en ClientOnly para evitar error SSR
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
All checks were successful
build-and-deploy / build-and-deploy (push) Successful in 1m7s
Los componentes LotesTable y OperacionesTable usan UTable de Nuxt UI, que internamente usa @tanstack/table-core. Esta librería no puede renderizarse en el servidor (SSR), causando error 500. Solución: Envolver los componentes en <ClientOnly> para que solo se rendericen en el navegador.
This commit is contained in:
@@ -85,12 +85,14 @@
|
||||
<template #lotes>
|
||||
<div class="py-4">
|
||||
<h3>Contenido del Tab Lotes</h3>
|
||||
<ClientOnly>
|
||||
<LotesTable
|
||||
@create="showCreateLoteModal = true"
|
||||
@view="handleViewLote"
|
||||
@edit="handleEditLote"
|
||||
@trazabilidad="handleViewTrazabilidad"
|
||||
/>
|
||||
</ClientOnly>
|
||||
</div>
|
||||
</template>
|
||||
|
||||
@@ -98,10 +100,12 @@
|
||||
<template #operaciones>
|
||||
<div class="py-4">
|
||||
<h3>Contenido del Tab Operaciones</h3>
|
||||
<ClientOnly>
|
||||
<OperacionesTable
|
||||
@create="showCreateOperacionModal = true"
|
||||
@view="handleViewOperacion"
|
||||
/>
|
||||
</ClientOnly>
|
||||
</div>
|
||||
</template>
|
||||
</UTabs>
|
||||
|
||||
Reference in New Issue
Block a user