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.

Problem when using 'TSX' rendering template

See original GitHub issue

Environment

Operating System: MacOS
Node Version: v16.13.0
Nuxt Version: 3.0.0-rc.8-27677607.a3a8706
Package Manager: pnpm@7.5.2
Builder: vite
User Config: vite
Runtime Modules: -
Build Modules: -

Reproduction

https://stackblitz.com/edit/github-jjxw1t?file=pages%2Fsub%2F[id].vue,pages%2Findex.vue

Describe the bug

If you are using ‘TSX’ rendering and do not add it, an error will be reported

definePageMeta({
  // keepalive: true
})

Uncaught DOMException: Failed to execute ‘insertBefore’ on ‘Node’: The node before which the new node is to be inserted is not a child of this node.

Additional context

definePageMeta({ // keepalive: true })

Logs

Uncaught DOMException: Failed to execute 'insertBefore' on 'Node': The node before which the new node is to be inserted is not a child of this node.

Issue Analytics

State:
Created a year ago
Comments:12 (12 by maintainers)

Top GitHub Comments

1reaction

516310460commented, Aug 17, 2022

It’s mainly that this question has puzzled me for a long time. I haven’t found the relevant answer. Thank you

0reactions

516310460commented, Aug 17, 2022

I still don’t understand one point. Why is it feasible to set keepalive: true

Top Results From Across the Web

Error rendering react component using Typescript and WebPack

It just renders a Hello page, but i am getting an Error in my console. I am using typescript as my compiler. I...

Error rendering template #136 - frhagn/Typewriter - GitHub

16:05:20.465 ERROR: Error rendering template. Cannot get identifier 'Classes'. Source path: D:\Path\CustomerModel.cs System.

Documentation - JSX - TypeScript

TypeScript supports embedding, type checking, and compiling JSX directly to JavaScript. Basic usage. In order to use JSX you must do two things....

JSX/TSX - Custom content render | RevoGrid

JSX/TSX - Custom content render. It is called JSX, and it is a syntax extension to JavaScript. We strongly recommend to use it...

Conditional Rendering - React

This example renders a different greeting depending on the value of isLoggedIn prop. Element Variables. You can use variables to store elements. This...