Warum Modul Parse fehlgeschlagen: /xxx/MyFont.ttf Unerwartetes Zeichen ''

Question

ich diesen Fehler aufgetreten

ERROR in ./src/style/MyFont.ttf Modul fehlgeschlagen analysieren: /xxx/MyFont.ttf Unerwartetes Zeichen '' (1: 0) Möglicherweise benötigen Sie einen entsprechenden Loader, um diesen Dateityp zu verarbeiten. (Source-Code für diese Binärdatei weggelassen) ` , wenn ich meine eigene Schriftart in meiner weniger Datei wie folgt importieren:

@font-face { 
    font-family: "MyFont"; 
    src: url("./MyFont.ttf") format("truetype"); 
} 

meine webpack Config ist wie folgt:

rules: [ 
    { 
    test: /\.jsx?$/, 
    exclude: /node_modules/, 
    loader: 'babel-loader', 
    query: babelQuery 
    },{ 
    test: /\.css$/, 
    use: [ 
     'style-loader', 
     'css-loader' 
    ] 
    }, 
    { 
    test: /\.less$/i, 
    use: ExtractTextPlugin.extract([ 'css-loader', 'less-loader' ]) 
    }, 
    { test: /\.ttf(\?v=\d+\.\d+\.\d+)?$/, loader: "url?limit=10000&mimetype=application/octet-stream" }, 
] 

Jeder weiß, wie um es zu lösen?

Answer 1

Fügen Sie dies Ihrem rules Array hinzu.

{ 
    test: /\.(png|jpe?g|gif|svg|woff|woff2|ttf|eot|ico)$/, 
    loader: 'file-loader?name=assets/[name].[hash].[ext]' 
} 

und Sie sollten die file-loader mit npm install installieren. Hoffe das wird dir helfen.