2016-08-06 9 views
6

私はcreate-react-appを使用しています。私は自分のSPAで使用できるようにすばらしいフォントを統合しようとしています。font-awesomeを使用してreact-create-app

私はnpm install font-awesomeをやったし、それがインストールされていますが、私はimport 'font-awesome/css/font-awesome.css'を呼び出すしようとすると、私は次のエラーを取得する:

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

インポート文を追加したファイルでは?私がApp.jsファイルで試してみると、それは私のために働く。私のApp.jsは、 と同様のものです。 'import '、{Component}は' react 'から反応します。 './logo.svg'からロゴをインポートします。 import './App.css'; インポート 'font-awesome/css/font-awesome.css'' –

+0

編集: 'App.js'の代わりに' index.js'にインポートすると動作します。インポート後にindex.jsが何かのように見えます'import 'と同じように' react 'から反応します。 'react-dom'からReactDOMをインポートします。 './App'からアプリケーションをインポートします。 import './index.css'; 'font-awesome/css/font-awesome.css'' –

+0

@GaleelBhasha非常に奇妙です。私は 'node_modules'を完全にパージし、' npm install'をやりました。その後、index.jsでインポートして正常に動作しました。 Thnx! – whoisearth

答えて

関連する問題