Si está usando hilo, ponga este comando

 yarn add @fortawesome/fontawesome-free

o

Si está utilizando npm, ponga este comando

 yarn add @fortawesome/fontawesome-free

y agregue @import '@fortawesome/fontawesome-free/css/all.css'; esto en el archivo app.scss

o agregue import '@fortawesome/fontawesome-free/css/all.css'; en el archivo app.js

Asegúrese de tener la extensión .css ; de lo contrario, la importación fallará.

Como recordatorio:

Instale @fortawesome/fontawesome-free (con npm o yarn según el administrador de paquetes que use su proyecto).

Luego, en su main.js, puede importar all.css según el ejemplo a continuación

 import Vue from 'vue' import App from './App.vue' import '@fortawesome/fontawesome-free/css/all.css' Vue.config.productionTip = false new Vue({ render: h => h(App), }).$mount('#app')

Esto le permitirá usar las clases fa en etiquetas HTML regulares. También recomiendo echar un vistazo a la biblioteca compatible con Vue para FontAwesome aquí si desea tener más granularidad con sus importaciones. https://github.com/FortAwesome/vue-fontawesome

Simplemente resuelvo el error desinstalando las fuentes de Google y luego vuelvo a instalar las fuentes de Google usando el siguiente comando. En mi caso, estoy usando hilo, así que uso

añadir hilo @fortawesome/fontawesome-free

Pero en caso de que el usuario esté usando npm, debe usar el siguiente comando

npm install --save @fortawesome/fontawesome-free

Además, el siguiente enlace es útil para resolver enlaces de Google para Npm y Yarn

: https://www.google.com/search?q=font%20awesome%20add%20by%20yaRN&oq=font%20awesome%20add%20by%20yaRN&aqs=chrome..69i57j33i10i160.11903j0j7&sourceid=chrome&ie=UTF-8