[SSR] client/server VDOM mismatch with CRLF multiline text (LF works) #4560

remoe opened this Issue Dec 25, 2016 · 1 comment


None yet

2 participants

remoe commented Dec 25, 2016

Vue.js version


Steps to reproduce

module.exports = {
  data: function() {
    return {
      desc: require('desc.html')
  template: "<p>{{desc}}</p>",

desc.html has a multiline text with CRLF like:

asdlfh sadfkjh asdfhk asdflkjh:
asdlfhj asdflkh asdflkh

What is Expected?

code generation without a warning/error.

What is actually happening?


[Vue warn]: The client-side rendered virtual DOM tree is not matching server-rendered content. This is likely caused by incorrect HTML markup, for example nesting block-level elements inside <p>, or missing <tbody>. Bailing hydration and performing full client-side render. 

It works when one use only LF in the desc.html

defcc commented Dec 26, 2016

Thanks @remoe , will you please provide a reproduction repository for us to look into?

@yyx990803 yyx990803 closed this in 6b1755a Dec 27, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment