我有一個關于我們的網頁，我需要為這個標題制作動畫：我找到了這個，它使用anime.jsand jQuery。這是我的About.js：import React from 'react';import '../css/About.css'import '../scripts/aboutAnimation'import AboutInfo from "../components/AboutInfo";const About = () => {    return (        <div className="containerAbout">            <div className="title-container">                <p className="title">About us...</p>            </div>            <div className="forest">                <AboutInfo                    name="Vasiliy Pupkin"                    number="+375 29 973 79 43"                    email="[email protected]"                    position="top"                />                <AboutInfo                    name="Aleksey Smirnov"                    number="+375 29 337 91 07"                    email="[email protected]"                    position="middle"                />                <AboutInfo                    name="Ivan Karpovski"                    number="+375 29 655 74 25"                    email="[email protected]"                    position="down"                />            </div>        </div>    );}export default About;這是我的aboutAnimation.js：import anime from 'animejs/lib/anime.es.js';let textWrapper = document.getElementsByClassName('title');textWrapper.innerHTML = textWrapper.textContent.replace(/\S/g, "<span class='letter'>$&</span>");anime.timeline({loop: true})    .add({        targets: '.title .letter',        translateX: [40,0],        translateZ: 0,        opacity: [0,1],        easing: "easeOutExpo",        duration: 1200,        delay: (el, i) => 500 + 30 * i    }).add({    targets: '.title .letter',    translateX: [0,-30],    opacity: [1,0],    easing: "easeInExpo",    duration: 1100,    delay: (el, i) => 100 + 30 * i});這是我得到的錯誤：TypeError: Cannot read property 'replace' of undefined我刪除了第 5 行并textWrapper通過console.log()命令檢查是否存在，控制臺顯示如下內容：順便說一句：如果我在 Chrome 控制臺中輸入這兩行，我會得到：