ssr rendering errors with 1.9.0 (vue 2)
See original GitHub issuesince 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:
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:
- Created a year ago
- Comments:5 (2 by maintainers)
Top 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 >
Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free
Top Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Yes, this can be handled in the packaging process.
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 😉