Webpack “Erro de análise do OTS” carregando fontes
Minha configuração do webpack especifica que as fontes devem ser carregadas usandourl-loader
, e quando tento visualizar a página usando o Chrome, recebo o seguinte erro:
OTS parsing error: invalid version tag
Failed to decode downloaded font: [My local URL]
As partes relevantes da minha configuração ficam assim:
{
module: {
loaders: [
// ...
{
test: /\.scss$/,
loaders: ['style', 'css?sourceMap', 'autoprefixer', 'sass?sourceMap'],
},
{
test: /images\/.*\.(png|jpg|svg|gif)$/,
loader: 'url-loader?limit=10000&name="[name]-[hash].[ext]"',
},
{
test: /fonts\/.*\.(woff|woff2|eot|ttf|svg)$/,
loader: 'file-loader?name="[name]-[hash].[ext]"',
}
],
},
}
Isso não acontece no Safari e eu não tentei o Firefox.
No desenvolvimento, eu estou servindo arquivos através dewebpack-dev-server
, na produção, eles são gravados em disco e copiados para o S3; nos dois casos, recebo o mesmo comportamento no Chrome.
Isso também acontece com imagens maiores (maiores que o limite de 10kB na configuração do carregador de imagens).