Home

Issue: 1049

iview tree is not matching server-rendered content

[issue link]

I did exactly as you have in your docs for plugins.
i have a file named iview.js and inside of there i have.
Im using nuxt/express template

    ` 

      import iView from 'iview'
      import Vue from 'vue'
      import 'iview/dist/styles/iview.css'

     Vue.use(iView)

`

just like u recommend. Next i add that plugin in nuxt.config.js
`

          plugins: [
          // ssr: false to only include it on client-side
          { src: '~plugins/iview.js', ssr: false }
            ]

`

but it keeps giving me this error

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.

I hope there is a way around it. I tried to import Button from iview manually but i get an error saying
'Button' is defined but never used no-unused-vars but its nonsense because i have <Button type="primary">Primary</Button>

So then it made me think to go to my component and do the following inside of the