Javascript 如何修复未捕获的语法错误：标识符'；翻译'；已经申报了

我找不到解决此错误的方法 我在网站上写了多种语言，但我不知道如何修复这个错误

class translate{
constructor(){

    document.getElementById("fr").addEventListener('click', ()=>{
        this.translate("fr");
    });
    document.getElementById("en").addEventListener('click', ()=>{
        this.translate("en");
    });
    this.translate(localStorage.getItem("language"));
}
translate(language){
    if(language == "fr"){
        document.getElementById("myAnchor").href = "http://www.cnn.com/";
    }
    else if (language =="en"){
        document.getElementById("myAnchor").href = "http://www.google.com/";  
    }
    localStorage.setItem("language",language);
}
}
onload = new translate();

代码Html和链接我需要更改

    <div class="contenu-space-two"> 
     <div class="row mx-0">
             <div class=" col-2">
                     <img src="./resources/_images/shopping-cart.png" class="logo-link" alt="">
             </div>
             <div class="col-lg-4 col-md-6 col-8" > 
                     <h4 class="lang" key="boutiques">Boutiques</h4>
             </div>
             <div class="col-2">
                      <a id="myAnchor" href="#"><img src="./resources/_images/arrow-link.png" class="arrow-link" alt=""></a>
             </div>
             <hr class="line_link">
    </div>

精品店

这是一种代码语言

                <div id="langContainer">
                <a class="translate" id="lang_link[en]" href="#" style="display:none"><img src="./resources/_images/flags/en.png?1595436503" title="English"></a>
                <a class="translate" id="lang_link[fr]" href="#" style="display:none"><img src="./resources/_images/flags/fr.png?1595436503" title="Fran&ccedil;ais"></a>
            </div>

---

此变量可能已经声明。 检查此js文件和页面引用的其他文件

---

如果有很多，您可以尝试更改此类的名称。

看起来

translate

已经声明。为类选择其他名称。