带有文件加载器和webpack的eot文件内部出现SyntaxError

Question

我正在尝试将React Rainbow Components与Next.js(TypeScript(一起使用，但无法导入字体，所以我将webpack与url-loader一起使用。

由于某种原因，我一直收到错误SyntaxError: Invalid or unexpected token error - D:Git Repositoryprojectnode_modulesreact-rainbow-componentscomponentsApplicationfontsLato-BlackLato-Black.eot:1 ��☺在eot文件中从它们的字体。

这是我在next.config.js:中的webpack配置

module.exports = {
webpack: (config, options) => {
config.module.rules.push({  
test: /.(png|woff|woff2|eot|ttf|svg)$/,
use: [
{
loader: 'url-loader?limit=100000'
},
],
})
return config
},
}

知道我做错了什么吗？还是字体本身有问题？

Answer 1

这在版本中已经修复，如果您将react-rainbow-components的版本更新到v1.24.1，字体将移动到CDN。这是发行说明https://github.com/nexxtway/react-rainbow/releases