我做了一个wordlegolf游戏，可以跟踪你的分数，一个用户可以有多个记分牌。我正在尝试有箭头，让你在你的记分牌上旋转。image of arrows
因此，我需要能够跟踪用户当前所在的记分板，并在每个记分板之间循环
我已经尝试了很多方法，并且能够让它工作，但是现在我已经实现了UUID，我的javascript出现了很多错误。我尝试添加这个UUIDEncoder类，我在网上看到，但是没有帮助。
views.py

newlink = []
links = list(CreatedScoreboardUnique.objects.filter(players=request.user))
for link in links:
    newlink.append(link.pk)
newlink = json.dumps(newlink, cls=UUIDEncoder)

class UUIDEncoder(json.JSONEncoder):
    def default(self, obj):
        if isinstance(obj, UUID):
            # if the obj is uuid, we simply return the value of uuid
            return obj.hex
        return json.JSONEncoder.default(self, obj)

超文本标记语言

<svg width="37" height="37" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" onclick="nextScoreboard()">
     <path d="M15.0378 6.34317L13.6269 7.76069L16.8972 11.0157L3.29211 11.0293L3.29413 13.0293L16.8619 13.0157L13.6467 16.2459L15.0643 17.6568L20.7079 11.9868L15.0378 6.34317Z" fill="currentColor"/>
</svg>

javascript语言

function nextScoreboard(){

    console.log('next clicked')
    var links = JSON.parse("{{links|safe}}")
    var currId = "{{scoreboard.id}}"
    var nextlink = false

    for(i = 0; i < links.length; i++){
        if(links[i] == currId){
            window.location.href = "http://127.0.0.1:8000/scoreboard/" + links[i+1]
            
        }
    }
}

这是我一直得到的错误，无法弄清楚

是否有更简单的方法来完成此操作，或者您可以帮助解决此错误？