question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

v-text on custom component with slot work in SPA but not in SSR

See original GitHub issue

Environment

nuxt3 lates linux

Reproduction

https://github.com/max5432112345/nuxt-error-2/

Describe the bug

If use v-text on custom component with slot when in SPA text is displayed in page but in SSR not displayed (hot reload only sometime make it to display but after refresh page disappear).

Index.vue

<template>
  <div>
    <CustomText v-text="'test'" />
     <CustomText> TEST </CustomText>
  </div>
</template>

CustomText.vue


<template>
  <span>
    <slot name="default" />
  </span>
</template>

Additional context

No response

Logs

No response

Issue Analytics

  • State:open
  • Created a year ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
max5432112345commented, Aug 9, 2022

ok, thanks

0reactions
danielroecommented, Aug 9, 2022

Thanks for your good work diagnosing! ❤️

Good to know where it’s coming from. Check issues at https://github.com/vuejs/core and feel free to raise one there if you think it is a bug.

We certainly want behaviour similar on SSR vs SPA.

Read more comments on GitHub >

github_iconTop Results From Across the Web

Why I don't use web components - DEV Community ‍ ‍
Slotted elements don't live inside the shadow-tree where you put the <slot> tag, they live in the light-dom, and as any html element...
Read more >
Styles & CSS - Astro Documentation
Learn how to style components in Astro with scoped styles, external CSS, and tooling like Sass and PostCSS.
Read more >
"document is not defined" in Nuxt.js - Stack Overflow
I found that now the no-ssr is replace by , i am using echart and have the same problem but now it´s working!...
Read more >
Routing • Docs • SvelteKit
A +page.svelte component defines a page of your app. By default, pages are rendered both on the server (SSR) for the initial request...
Read more >
Table | Quasar Framework
Ability to add additional row(s) at top or bottom of data rows; Column picker (through QTableColumns component described in one of the sections);...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found