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.

ssr rendering errors with 1.9.0 (vue 2)

See original GitHub issue

since the latest release (1.9.0) we have two errors which makes the app unusable:

DOMException: Failed to execute 'appendChild' on 'Node': This node type does not support this method.

TypeError: Cannot read properties of undefined (reading '$scopedSlots')

both of them occur at the same time, and it seems it has something to do with a “comment” block. the renderes (ssr) html of it is: image

the problematic line according to the .appendChild error is the <!-- > in the 3rd block, block 1 & 2 also have the comment in there, but somehow it’s not an issue here?

the json we format is nothing special:

{
        email: 'obfuscated@gmail.com',
        firstName: 'NameObfuscated',
        lastName: 'LastNameObfucstaed',
        phone: '+46...numberOnlyObfocusated'
    } 

Issue Analytics

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

github_iconTop GitHub Comments

1reaction
leezngcommented, Aug 17, 2022

Yes, this can be handled in the packaging process.

0reactions
simllllcommented, Aug 17, 2022

Yeah I got it working now, but need to transpile the library. I guess webpack4, which is used by nuxt2, can’t handle optional chaining without additional configuration. My question is if the library could generate an output that is compatible with webpack, which would make things easier again 😉

Read more comments on GitHub >

github_iconTop Results From Across the Web

A tricky problem in server-side rendering feature #5351 - GitHub
Describe the bug I want to add server-side rendering feature to my existing Vue Cli project with bootstrap-vue. There is a error descriped ......
Read more >
Server-Side Rendering (SSR) - Vue.js
A server-rendered Vue.js app can also be considered "isomorphic" or "universal", in the sense that the majority of your app's code runs on...
Read more >
VueJs: Error with server side rendering and Typescript
I checked your repo and the problem is actually in the file src/assets/app.ts , in the createApp function you're returning an object of...
Read more >
Understand and solve hydration errors in Vue.js - sum.cumo
Understand and solve hydration errors in Vue.js ✘ What is hydration? When do problems occur? What are the causes?
Read more >
Vue & SSR: The best practices - Sebastien Chopin at VueConf ...
Writing a Universal Application with Vue might be hard, this talk will show common problems with server-side rendering and how to deal with ......
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