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

stephenlee priority asked 1 month 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.


mlazaru staff answered 1 month 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.


stephenlee priority answered 1 month ago


enter image description here

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


Grzegorz Bujański staff answered 1 month 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?



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: Priority
  • 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