如何在React中加载WebVtt文件？

Question

这是我的数据结构

WEBVTT

00:00:15.000 --> 00:00:17.951在左边我们可以看到...

00:00:18.166 --> 00:00:20.083在右边我们可以看到...

00:00:20.119 --> 00:00:21.962 ...the主力

我正在尝试解析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');