你需要引入這個組件

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

然后再去使用，應該就可以了。

首先你要確保這三個東西都裝了

 npm i --save @fortawesome/pro-solid-svg-icons
 npm i --save @fortawesome/pro-regular-svg-icons
 npm i --save @fortawesome/pro-light-svg-icons

然后，需要在main.js里面引入

import { library } from '@fortawesome/fontawesome-svg-core'
import { faCoffee } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
 
library.add(faCoffee)
 
Vue.component('font-awesome-icon', FontAwesomeIcon)

然后你再使用應該就不會報錯了。
npm官方文檔

如果是nuxt項目，你可以找到/layouts/default.vue這個文件，在這個文件加入以下引入的代碼，就可以了。親試。

<script>
import Vue from 'vue'
import { library } from '@fortawesome/fontawesome-svg-core'
import { faCoffee, faSpinner } from '@fortawesome/free-solid-svg-icons'
import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'
library.add(faCoffee,faSpinner)
Vue.component('font-awesome-icon', FontAwesomeIcon)
export default {
  
}
</script>

可能你的html標簽寫的不完整報的錯。