0
536
ViewsNo se puede resolver @fontawesome all/fontawesome-free
Estoy usando vue.js 2: agrego algunos íconos mdi en mi App.vue, esto genera un nuevo error en mi proyecto
Cuando estaba tratando de servir mi Proyecto pero recibí el error como se indica a continuación 
También aplico algunos comandos pero no resolvió mi error. Alguien me puede ayudar a resolverlo
3 answers
Answer question0
Si está usando hilo, ponga este comando
yarn add @fortawesome/fontawesome-freeo
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
0
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
0
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