Comment charger un fichier WebVtt dans React?

Question

C'est ma structure de données

de webvtt

00: 00: 15,000 -> 00: 00: 17,951 A gauche on peut voir ...

00: 00: 18,166 - > 00: 00: 20,083 A droite, on peut voir le ...

00: 00: 20,119 -> 00: 00: 21,962 ... la tête-snarlers

Je suis en train de analyser un fichier web vtt. Pour cela, j'ai écrit:

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

Erreur

client: 47 ./src/captions.en.vtt Module parse failed: C: \ Users \ sampr \ Desktop \ MyView \ webvtt \ src \ légendes .en.vtt Numéro invalide (3: 0) Il se peut que vous ayez besoin d'un chargeur approprié pour gérer ce type de fichier.

Quelqu'un pourrait-il m'aider?

Answer 1

Vous avez besoin d'un chargeur approprié pour le type de fichier (.vtt).

Installer file-loader (npm install --save-dev file-loader) et vous pouvez l'utiliser directement comme ceci:

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