vuetifyjs / nuxt

Nuxt.js + Vuetify.js starter project template.
MIT License
306 stars 109 forks source link

[Bug Report] Vuetify breakpoints are not working with nuxtjs #46

Open xanxuz opened 6 years ago

xanxuz commented 6 years ago

Versions and Environment

Vuetify: 1.1.1 Vue: 2.5.16 Browsers: Vivaldi 1.96.1147.47 OS: Windows 10

Steps to reproduce

Make a simple conditional v-if=$vuetify.breakpoint.",put something inside and then in the v-else put others html tags or vue components.

EJ: `

test 1

test 1.1

test 2

` Now open the console in the browser and you will notice a warning and an error saying * Mismatching childNodes vs. VNodes * [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

, or missing . Bailing hydration and performing full client-side render. ### Expected Behavior Expected ssr (nuxtjs) work with vuetify breakpoints. ### Actual Behavior The console is showing error of ssr because of the vuetify breakpoints. ### Reproduction Link [https://github.com/xanxuz/test.git](https://github.com/xanxuz/test.git)

BobNobrain commented 6 years ago

Here you can find a workaround: https://github.com/vuetifyjs/vuetify/issues/3436#issuecomment-371872303