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.

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

SSR issue with dynamic <input> type #6907

Closed
FranckFreiburger opened this issue Oct 25, 2017 · 0 comments
Closed

SSR issue with dynamic <input> type #6907

FranckFreiburger opened this issue Oct 25, 2017 · 0 comments
Labels

Comments

@FranckFreiburger
Copy link

FranckFreiburger commented Oct 25, 2017

Version

2.5.2

Reproduction link

Unable to quickly setup a SSR environment to show the issue.

Steps to reproduce

<template>
	<input :type="'text'" v-model="foo">
</template>
<script>
export default {
	data() {
		return {
			foo: 123,
		}
	},
}
</script>

What is expected?

generated HTML by the server: <input type="text">

What is actually happening?

the server generates <!---->


hydration error in browser console:

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

Uncaught (in promise) TypeError: Cannot read property 'toLowerCase' of undefined
    at emptyNodeAt (vendor.js:18438)
    at VueComponent.patch [as __patch__] (vendor.js:19011)
    at VueComponent.Vue._update (vendor.js:15663)
    at VueComponent.updateComponent (vendor.js:15791)
    at Watcher.get (vendor.js:16134)
    at new Watcher (vendor.js:16123)
    at mountComponent (vendor.js:15795)
    at VueComponent.webpackJsonp.../node_modules/vue/dist/vue.runtime.esm.js.Vue$3.$mount (vendor.js:20834)
    at init (vendor.js:17087)
    at hydrate (vendor.js:18887)
@yyx990803 yyx990803 added the bug label Oct 26, 2017
erweixin pushed a commit to erweixin/vue that referenced this issue Dec 15, 2017
lovelope pushed a commit to lovelope/vue that referenced this issue Feb 1, 2018
f2009 pushed a commit to f2009/vue that referenced this issue Jan 25, 2019
aJean pushed a commit to aJean/vue that referenced this issue Aug 19, 2020
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

2 participants