When using form outline nuxtjs dev console on chrome report


Topic: When using form outline nuxtjs dev console on chrome report problem

stephenlee pro premium priority asked 2 years ago

Expected behavior to use form-outline, i copy from template a contact form. Actual behavior Nuxtjs report vue.runtime.esm.js?2b0e:4573 [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.

Resources (screenshots, code snippets etc.) If i use form-white the error gone.


Grzegorz Bujański staff answered 2 years ago

Please specify which version of MDB are you using. it is MDM Vue or MDB Standard that you are trying to use in nuxtjs project?


stephenlee pro premium priority answered 2 years ago

enter image description here

I thought the details to put in when raising the questions was intended to save time.


mlazaru staff answered 2 years ago

MDB Standard may not work properly in Vue frameworks such as Nuxtjs. There is a dedicated version of MDB for Vue.js and you should use it.


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue
  • User: Pro
  • Premium support: Yes
  • Technology: MDB Standard
  • MDB Version: MDB5 5.0.0
  • Device: PC
  • Browser: Chrome
  • OS: windows 11
  • Provided sample code: No
  • Provided link: No