[Error] Can't import Font Awesome icon

leyuri·2021년 8월 2일
0

배경

react.js 에서 Font Awesome icon 을 사용하였을 때 발생한 오류이다.
다른 아이콘들은 잘 import가 되었는데 유독 브랜드 아이콘이 인포트가 안되더라...💦

Attempted import error: 'faYoutube' is not exported

해결방법

$ yarn add @fortawesome/free-brands-svg-icons
import React, { Component } from 'react';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
import { faCoffee } from '@fortawesome/free-solid-svg-icons';
import { faGithub } from '@fortawesome/free-brands-svg-icons'

class Main extends Component {

  render(){
    return(
      <div className="main">
        <h2> Hello Main! </h2>
        <FontAwesomeIcon icon={faCoffee} />
        <FontAwesomeIcon icon={faGithub} />
      </div>
    );
  }
};

@fortawesome/free-brands-svg-icons 브랜드 관련 fontawesome 라이브러리를 추가하지 않아서였다...🤧🤧


https://stackoverflow.com/questions/53675841/cant-import-font-awesome-icon

profile
Trying to be a thinking developer.

0개의 댓글