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