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

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

Mateusz Lazaru staff answered 1 year 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 year 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 year 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.


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



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