Will an error be reported by adding < font-awesome-icon: icon= "['fas','star']" / > to vue's project?

error message: 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 < tbody >. Bailing hydration and performing full client-side render.
but the icon will show? Could you tell me how to modify

Mar.30,2021

you need to introduce this component

import fontAwesomeIcon from 'xxxxx'
export default {
  components: { fontAwesomeIcon }
}

and then use it, it should be fine.

< hr >

first of all, you need to make sure that all three things are installed

  

maybe your html tag has an incomplete error report.

Menu