未捕获到的TypeError：需要1个参数，但是只有0个...但是我的函数没有参数？

我试图使一个具有宽度和高度以及背景颜色的空div在屏幕上移动，并调用onclick函数。它不带参数。但是，当我单击该元素时，它说：“ Uncaught TypeError：无法在'Element'上执行'animate'：需要1个参数，但只有0个存在。我缺少什么？

var container = document.getElementById('container');
var box1 = document.getElementById('box1');
var containerWidth = container.clientWidth;
var box1Width = box1.clientWidth;

function animate() {
    box1.style.left = '0px';
    setTimeout(function() {
        box1.style.transition = 'left 1000ms ease';
        box1.style.left = containerWidth - box1Width + 'px';
    }, 1);
}

body {
    margin: 0;
}

#container {
    position: relative;
    height: 100vh;
    width: 100vw;
    background-color: aqua;
}

#box1 {
    position: relative;
    height: 100px;
    width: 100px;
    left: 0px;
    background-color: yellow;
}