vue-lazy-hydration icon indicating copy to clipboard operation
vue-lazy-hydration copied to clipboard

Not working with VueJS+InertiaJS SSR

Open MohammadZarifiyan opened this issue 11 months ago • 0 comments

I have the following page but when i use vue-lazy-hydration like this:

<div class="h-full overflow-y-auto" scroll-region>
    <LazyHydrate when-idle>
        <Ads />
    </LazyHydrate>
    <LazyHydrate never>
        <Header />
    </LazyHydrate>
    <Backoff />
    <Sidebar />
    <slot />
    <LazyHydrate when-idle>
        <Footer />
    </LazyHydrate>
</div>

The following error happens:

[Vue warn]: Property "$listeners" was accessed during render but is not defined on instance.
[Vue warn]: Property "$scopedSlots" was accessed during render but is not defined on instance.
[Vue warn]: Unhandled error during execution of render function 
  at <Anonymous when-idle="" >
TypeError: h is not a function
    at Proxy.render (/home/mohammad/PhpstormProjects/mymember/node_modules/vue-lazy-hydration/dist/LazyHydrate.js:165:18)
    at renderComponentRoot (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/runtime-core/dist/runtime-core.cjs.js:891:44)
    at renderComponentSubTree (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:263:51)
    at renderComponentVNode (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16)
    at ssrRenderComponent (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:624:12)
    at /home/mohammad/PhpstormProjects/mymember/public/js/ssr.js:2:1601827
    at renderComponentSubTree (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:254:17)
    at renderComponentVNode (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:188:16)
    at ssrRenderComponent (/home/mohammad/PhpstormProjects/mymember/node_modules/@vue/server-renderer/dist/server-renderer.cjs.js:624:12)
    at /home/mohammad/PhpstormProjects/mymember/public/js/ssr.js:2:1661761

Package.json:

VueJS: ^3.2.37
@vue/server-renderer: ^3.2.37
vue-lazy-hydration: ^2.0.0-beta.4
@inertiajs/inertia: ^0.11.0

MohammadZarifiyan avatar Jul 17 '23 15:07 MohammadZarifiyan