2015-10-28 31 views
6

Webpack with FontAwesome kullanarak bir sorun yaşıyorum. Burada ben alıyorum hata olduğunu@ font-face adresindeki Webpack hatası

module: { 
    loaders: [ 
     { test: /(\.js$)|(\.jsx$)/, exclude: /node_modules/, loader: 'babel-loader' }, 
     { test: /(\.jade$)/, exclude: /node_modules/, loader: 'jade-loader' }, 
     { test: /(\.css$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'postcss-loader'] }, 
     { test: /(\.styl$)/, exclude: /node_modules/, loaders: ['style-loader', 'css-loader', 'stylus-loader'] }, 
     { test: /\.(jpe|jpg|woff|woff2|eot|ttf|svg)(\?.*$|$)/, exclude: /node_modules/, loader: 'url-loader?importLoaders=1&limit=100000' }, 
     { test: /\.jsx$/, exclude: /node_modules/, loader: 'react-hot-loader' } 
    ], 
} 

Ve: İşte benim yükleyiciler olan başkasının bu sorunu yaşamış ve bir çözüm buldu Has

ERROR in ./~/font-awesome/css/font-awesome.css 
Module parse failed: /Users/Username/Documents/Project/sub-project/node_modules/font-awesome/css/font-awesome.css Line 7: Unexpected token ILLEGAL 
You may need an appropriate loader to handle this file type. 
| /* FONT PATH 
| * -------------------------- */ 
| @font-face { 
| font-family: 'FontAwesome'; 
| src: url('../fonts/fontawesome-webfont.eot?v=4.4.0'); 
@ ./client/app.js 83:0-60 

? Herhangi bir öneri çok takdir edilecektir. Teşekkürler.

cevap

4

Aptalca hata. Dışlayıcıyı css yükleyicimden kaldırdı ve işe yaradı.

{ test: /(\.css$)/, loaders: ['style-loader', 'css-loader', 'postcss-loader'] } 
+1

hiç aptalca değil! Bununla bir saatliğine uğraşıyordum. – lakesare

İlgili konular