Javascript 为什么anime.js不能在我的电脑上运行？_Javascript_Html_Css

Javascript 为什么anime.js不能在我的电脑上运行？

javascript html css

Javascript 为什么anime.js不能在我的电脑上运行？,javascript,html,css,Javascript,Html,Css,我不知道为什么anime.js不能在我的电脑上运行。我已经在我的HTML文件中添加了CDN，但它仍然不起作用，为什么 “严格使用”；动画({ 目标：“#球”， translateX:250 }); 正文{ 保证金：0；高度：100vh； } #球{ 边框：黑色实心中等；背景色：青色；宽度：2%；身高：2%；边界半径：50%； } src=”https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.js" 在代码中添加此链

我不知道为什么anime.js不能在我的电脑上运行。我已经在我的HTML文件中添加了CDN，但它仍然不起作用，为什么

“严格使用”；
动画({
目标：“#球”，
translateX:250
});
正文{
保证金：0；
高度：100vh；
}
#球{
边框：黑色实心中等；
背景色：青色；
宽度：2%；
身高：2%；
边界半径：50%；
}

src=”https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.js"
在代码中添加此链接https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js

var animation=anime({
目标：“#球”，
translateX:250
});
var animation=anime.js；
var anime=动画；
var animation=anime.js；
var ball=anime.js；
var animation=anime.js；
var anime=动画；
var anime=anime.js；
var anime=动画；
var动画=动画；
var anime=动画；
var动画=动画；
var animation=anime.js；
var anime=anime.js；
var animaton=anime.js；
var anime=动画；
var anime=anime.js
正文{
保证金：0；
高度：100vh；
}
#球{
边框：黑色实心中等；
背景色：青色；
宽度：2%；
身高：2%；
边界半径：50%；
}

https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.min.js
试试这个
<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, minimum-scale=1" />
    <link rel="stylesheet" href="test.css">
    <title></title>
  </head>
  <body>

    <div id="ball"></div>

  <script src="https://cdnjs.cloudflare.com/ajax/libs/animejs/3.2.1/anime.js"></script>
  <script src="test.js"></script>
  </body>
</html>



你在anime.js
文件中的script
标记的语法不正确，你的test.js
需要在它后面引用，才能定义anime（）
函数。
就像@ggorlen和我说的，你在第二个script标记后面的括号不正确

“严格使用”；
动画({
目标：“#球”，
translateX:250
});
正文{
保证金：0；
高度：100vh；
}
#球{
边框：黑色实心中等；
背景色：青色；
宽度：2%；
身高：2%；
边界半径：50%；
}

第二个元素的src需要在尖括号内。您在动画脚本之前包含脚本，并且第二个脚本上的括号错误，如突出显示的语法所示。将这两行替换为
，如果您运行代码段，此答案将导致错误。@但是，缺少anime.js不是错误。这就是问题所在。我能知道我的答案有什么错误吗？除了格式问题，这并不能真正回答问题，你可以看到作者已经包括了这个脚本