Ich benutze create-react-app und ich versuche, font-awesome zu integrieren, damit ich es in meinem SPA verwenden kann.react-create-app mit font-awesome
Ich habe npm install font-awesome
getan und es installiert ist, aber wenn ich versuche import 'font-awesome/css/font-awesome.css'
ich folgende Fehlermeldung erhalten, zu rufen:
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
In welcher Datei Sie die Import-Anweisung hinzugefügt haben? Wenn ich es in App.js-Datei ausprobierte, funktioniert es für mich. Meine App.js sieht ähnlich aus wie 'importieren Reagieren, {Komponente} von 'reagieren'; Import-Logo von './logo.svg'; importieren './App.css'; Import 'font-awesome/css/font-awesome.css'' –
Edit: Es funktioniert auch, wenn ich es auf 'index.js' statt' App.js' importiere, Nach dem Import sieht mein index.js wie etwas aus so ähnlich wie 'importieren Reagieren von' reagieren '; ReactDOM von 'reac-dom' importieren; importieren Sie die App von './App'; importieren './index.css'; importieren 'font-awesome/css/font-awesome.css'' –
@ GaleelBhasha sehr seltsam. Ich habe meine 'node_module' komplett gelöscht und eine 'npm install'-Installation durchgeführt. dann hat der Import auf den Index.js und hat gut funktioniert. Thnx! – whoisearth