Reference error: TWEEN is not defined

Reference error: TWEEN is not defined

我正在尝试使用 Tween.js 库。但是，当我的 javascript 的代码运行时，我在 degub 控制台中收到一个引用错误，指出未定义 TWEEN。我的代码如下

function armTween(){ 
    var position = {x: -20, y: squareSize*11, z : 10};
    var target = {x: -10, y: -1.75, z: -10};

    var tween = new TWEEN.Tween(position)
            .to(target, 500)
            .easing(TWEEN.Easing.Elastic.InOut).
            onUpdate(function(){
                console.log("onUpdate");
                    lowerArm.position.x = position.x;
                    lowerArm.position.y = position.y;
                    lowerArm.position.z = position.z;
            });

    tween.start();

此外，我的 index.html 文件包含 Tween.js

的导入语句 
<!DOCTYPE html>
<html>

<head>
    <title>3D Checkers</title>

    <link rel="stylesheet" href="css/style.css" />

</head>

<body>

    <div id="boardContainer" class="boardContainer"></div>

    <script src="js/three/three.js"></script>
    <script src="js/three/Projector.js"></script>
    <script src="js/three/OrbitControls.js"></script>

    <script src="js/Game.js"></script>
    <script src="js/BoardController.js"></script>
    <script src="js/main.js"></script>

    <script src="js/tween/Tween.js"></script>

</body>

我不知道如何解决这个引用错误。谁能帮帮我？

您需要在依赖它的脚本之前导入 Tween.js？

您需要在调用它的脚本之前包含 tween.js。

您总是希望在行为脚本之前包含您的库和资源脚本。