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

Closed
remoe opened this Issue Dec 25, 2016 · 1 comment

Projects

None yet

2 participants

@remoe
remoe commented Dec 25, 2016

Vue.js version

2.1.7

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?

Error:

[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
Member
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