我们如何在React中加载WebVtt文件？

Question

这是我的数据结构

WebVTT插入

<00> 00：00：15.000 - ＆gt; 00：00：类商品销售额179.51 在左边我们可以看到......

<00> 00：00：18.166 - ＆gt; 00：00：20.083 在右边我们可以看到......

<00> 00：00：20.119 - ＆gt; 00：00：21.962 ......咆哮者

我正在尝试解析web vtt文件。为此，我写道：

     var data = require('./captions.en.vtt');

错误

客户端：47 ./src/captions.en.vtt 模块解析失败：C：\ Users \ sampr \ Desktop \ MyVIew \ WebVtt \ src \ captions.en.vtt无效数字（3：0） 您可能需要适当的加载程序来处理此文件类型。

有人可以帮助我吗？

Answer 1

您需要一个适合文件类型（.vtt）的加载程序。

安装file-loader（npm install --save-dev file-loader），你可以像这样直接使用它：

var data = require('file-loader!./captions.en.vtt');