Бодимовин не работает

Question

Я пробовал примеры, представленные на веб-сайте и в коде. Они работают через сервер Xampp. Но мои пользовательские анимации, экспортированные из эффектов, не работают.

Файлы существуют в моей директории проекта:

(1) Index.html
(2) index.js
(3) bodymovin.js
(4) data.json

Файлы здесь ->

Answer 1

Убедитесь, что вы импортируете файлы, потому что я тоже получаю эту ошибку. Я отправляю вам свой код для запуска вашей страницы, я использую реагирование, но вы поймете концепцию, просто измените имя своего файла json, мое - data.

import React, { Component } from 'react';
import './Cool.css';
import data from './data.json';
import ReactBodymovin from 'react-bodymovin';

class AventadorPage extends Component {
render() {

    const bodymovinOptions = {
        loop: 1,
        autoplay: true,
        prerender: true,
        animationData: data,
    }

    return (
        <div className="main-container">
            <div className="animation">
                <ReactBodymovin options={bodymovinOptions} />
            </div>

            <div>
                <h1 className="title">A V E N T A D O R</h1>
            </div>
        </div>
    );
}
}

export default AventadorPage;