2016-08-06 21 views
6

Używam create-react-app i próbuję zintegrować font-awesome, dzięki czemu mogę go używać w moim SPA.Reaguj-stwórz-app używając font-awesome

Zrobiłem npm install font-awesome i jest zainstalowany, ale gdy próbuję zadzwonić import 'font-awesome/css/font-awesome.css' pojawia się następujący błąd:

Compiling... 
Failed to compile. 

Error in ./~/font-awesome/css/font-awesome.css 
Module parse failed: C:\Projects\myproject\ui\node_modules\font-awesome\css\font-awesome.css Unexpected character '@' (7:0) 
You may need an appropriate loader to handle this file type. 
SyntaxError: Unexpected character '@' (7:0) 
@ ./src/index.js 11:0-44 
+1

W który plik został dodany instrukcji import? Kiedy wypróbowałem go w pliku App.js, działa on dla mnie. Mój App.js wygląda tak samo jak 'importuj odpowiedź, {komponent} z" reaguj "; importować logo z "./logo.svg"; import "./App.css"; import 'font-awesome/css/font-awesome.css'' –

+0

Edycja: działa również po zaimportowaniu go na 'index.js' zamiast' App.js', Po zaimportowaniu mój index.js wygląda jak coś podobnie jak "importuj" reaguj "; zaimportuj ReactDOM z "react-dom"; importuj aplikację z "./App"; import "./index.css"; importuj "font-awesome/css/font-awesome.css'' –

+0

@GaleelBhasha bardzo dziwne. Całkowicie oczyściłem moje 'node_modules' i ponownie zrobiłem' npm install'. następnie zaimportował plik index.js i działał poprawnie. Thnx! – whoisearth

Odpowiedz