ReactError：您可能需要适当的加载程序来处理此文件类型

Question

我有一个本地 RobotoFont.tff，我在 index.scss 文件中引用它，如下所示：

@font-face {
  font-family: 'Roboto';
  src: url('src/assets/Roboto/Roboto-Regular.ttf') format('truetype');
}
.rb {font-family: 'Roboto';}

但我在编译时收到以下错误：

Failed to compile.

./src/assets/Roboto/Roboto-Regular.ttf 1:0
Module parse failed: Unexpected character '' (1:0)
You may need an appropriate loader to handle this file type, currently no loaders are configured to process this file. See https://webpack.js.org/concepts#loaders
(Source code omitted for this binary file)

该项目在 React-Typescript 中，我是否需要安装链接中指定的任何特定加载器？如果是，它适用于 .ttf 文件吗？

Answer 1

试试file-loader 或url-loader

例如 webpack.config.js

     {
        test: /\.(png|gif|woff|woff2|eot|ttf|svg)$/,
        loader: 'url-loader',
      },