font-awesome在vue.js使用報缺少一個或多個icon

fontawesome error “Could not find one or more icon”

安裝和配置請看官方文檔或者Github

官網：https://fontawesome.com

GitHub： https://github.com/FortAwesome/vue-fontawesome

在vue.js中使用font-awesome 5.11版本遇到了這個問題，根據官方提供的文檔進行了安裝和配置，開發文檔進行開發，結果一直報這個錯；在官網找了好久也找到，官方文檔也沒有明确說明。為了解決這個問題，花了兩天時間，在網上各種找都沒找到很好的解決方式；至此，我又花了半天時間簡單看了源碼，結果發現，全部分icon名稱已經沒有帶“fa-”，如下圖：

上圖中index.d.ts檔案就是icon名稱的存放檔案，如果官網上的開發文檔提供的會報這個錯誤，可以在這個index.d.ts檔案中查找使用

具體使用方式如下

<font-awesome-icon :icon="['fas', 'user']" />
或
<font-awesome-icon :icon="user" />