Nuxt vue warn: server content does not match client virtual DOM

< H2 > related configuration < / H2 >

nuxt.config.js 

  Meituan Dianping ordering Nuxt.js  


 to no avail, ask for help. 


 14:51:40, March 28th, 2018. Add 


 @ MightyVincent 


 this warning should be reasonable, right? After all: you enable server-side rendering, and then the server-rendered page is loaded and modified by your vue-infinite-loading.js drop-down to the client, and then naturally warns you that the content rendered by your server is different from what your client sees. 


 just now, I tested the problem mentioned by MightyVincent, and it was so. So, how does nuxt do it just for the home page, SSR, and other pages without SSR? Continuous follow-up. Ladies and gentlemen, ask for help and provide ideas
Nuxt.js vue.js ssr
Apr.15,2021
To solve the

problem, ssr will compare the dom before and after initialization to ensure that the initialization is consistent with ok

. Can I ask you a question about nuxt using vue-lazyload? It is that I used vue-lazyload, in the nuxt project but kept packaging the virtual DOM tree that did not match the content rendered by the server. May I ask how to solve this problem

Importing element, components in

clipboard.png
script mode can easily result in two life cycle calls.
plugs import
plugins: [

] 
{
  src: '~/plugins/element.js',
  ssr: true
}

], it should not be the same level of inline and block-level elements that cause the lifecycle to execute twice.

Previous: When PLPlayer RTMP was played for the first time, the sound and video did not match, and the picture and sound were different for more than ten seconds.

Next: In the eq tag of the tp3.2 template, < eq name= "{: C ('login_verify')}" value= "1" >?

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu