Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Error "Mismatching childNodes vs. VNodes" when having svg element with camelcase tag name such as "animateTransform", "animateMotion" or "linearGradient" in template #4195

Closed
aprilandjan opened this issue Nov 14, 2016 · 0 comments
Closed

Error "Mismatching childNodes vs. VNodes" when having svg element with camelcase tag name such as "animateTransform", "animateMotion" or "linearGradient" in template #4195

aprilandjan opened this issue Nov 14, 2016 · 0 comments

Comments

@aprilandjan
Copy link

aprilandjan commented Nov 14, 2016 •
edited

Version

vue: 2.0.5,
vue-server-renderer: 2.0.5

Reproduction Link

DEMO

Steps to reproduce

  1. follow guidelines of vue2.0 server-side-rendering and establish the whole server-side-rendering workflow
  2. replace template in assets/app.js with the template which have svg elements animateTransform or animateMotion(actually I copied the svg from MDN(animateTransform, animateMotion
  3. restart the service, and browse the rendered page.

What is Expected?

The VNodes and the actual childNodes are matching.

What is actually happening?

warning and error occered: Mismatching childNodes vs. VNodes: [animatetransform]

What's more

  • It seems that if I use animatetransform instead of animateTransform, the rendered tag is still animateTransform but everything goes right
  • other tags with camelcase name such as 'animateMotion' 'linearGradiant' behave the same
@aprilandjan aprilandjan changed the title throw error "Mismatching childNodes vs. VNodes" when having svg element "animateTransform" or "" in template Error "Mismatching childNodes vs. VNodes" when having svg element "animateTransform" or "animateMotion" in template Nov 14, 2016
@aprilandjan aprilandjan changed the title Error "Mismatching childNodes vs. VNodes" when having svg element "animateTransform" or "animateMotion" in template Error "Mismatching childNodes vs. VNodes" when having svg element with camelcase tag name such as "animateTransform", "animateMotion" or "linearGradient" in template Nov 14, 2016
@defcc defcc added the 2.0 label Nov 14, 2016
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
None yet
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@defcc @aprilandjan