Vue-loader: SSR vnode mismatch

Created on 14 Sep 2017  路  4Comments  路  Source: vuejs/vue-loader

Version

13.0.4

Reproduction link

https://github.com/hirokiosame/vue-test-ssr

Steps to reproduce

  1. Clone the ssr environment: https://github.com/hirokiosame/vue-test-ssr
  2. npm install & npm run dev

What is expected?

For the component to render fine in the backend and frontend.

What is actually happening?

The SSR server is going to mount this simple component: https://github.com/hirokiosame/vue-test-component/blob/master/src/TestComponent.vue

It renders fine if it's just front-end rendering, but when using server-side rendering, it breaks with a vnode mismatch error:

screen shot 2017-09-14 at 12 29 45 am


The server is using NUXT version 1.0.0-rc8 which uses [email protected] and [email protected]
The component is using [email protected] (the version wasn't on the list in the form btw)

Most helpful comment

Fixed in Vue core. Will probably need to wait for the next patch release.

All 4 comments

hmm 馃, I seem occured degression in Vue 2.4.3.
/ping @yyx990803

Not really a regression, seems to be happening for 2.4.2 too.

Fixed in Vue core. Will probably need to wait for the next patch release.

Super fast. Thanks @yyx990803

Was this page helpful?
0 / 5 - 0 ratings