html引入了anime.js,但使用anime({})时报错

html引入了anime.js,但使用anime({})时报错
html代码

<head>
    <script src="js/anime.js">script>
head>

<body>
    <div class="input_box">
        <span class="play_song">选择歌曲span>
        <input type="file" value="加载" id="loadFile" onchange="loadFile(this.files)">
    div>
    <div class="stage">div>
    <ul id="fileList">
    ul>
body>
<script src="js/index.js">script>

js代码

let initDiv = function(num){
    let stageDivEl = document.querySelector(".stage");
    for(let i = 0;i < num;i++){
        let divEl = document.createElement('div');
        divEl.classList.add('el');
        stageDivEl.append(divEl);
        anime({
            targets:divEl,
        })
    }
}
initDiv(60);

error:index.js:84 Uncaught ReferenceError: anime is not defined
at initDiv (index.js:84:9)
at index.js:89:1

img


document.querySelector和document.createElement得到的元素还是有点区别的,不知道是不是这个原因

  1. 可能是引用的js路径不对。
  2. 可能是引用的anime文件中,不包含anime函数。
  3. script引用,存在先后顺序,index.js应放在body元素内部