Unable to use Font Awesome library with React

React
1

Somehow, my Vidly project got off the rails, and I can’t display the heart symbol from Font Awesome. What should I do to get my project working correctly with Font Awesome?

2

You have to import font-awesome css in the app.js file the same way you did with bootstrap css

3

I’m experimenting the same issue. The warning msg I get in the Console:

Failed to load resource: the server responded with a status of 404 (Not Found)

http://localhost:8080/fonts/fontawesome-webfont.woff2?v=4.7.0
http://localhost:8080/fonts/fontawesome-webfont.woff?v=4.7.0
http://localhost:8080/fonts/fontawesome-webfont.ttf?v=4.7.0

I’d checked the node_modules/font-awesome/fonts folder and the fonts are there, but since I’m importing it like: import "font-awesome/css/font-awesome.css";

i’m not sure if the localhost address is resolving the path correctly???

=== Update ===

As a work around the issue I’m importing via CDN on my index.html file

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">

Better than nothing & I can continue with the tutorials :slight_smile: