Javascript 与addEventListener一起发出

Javascript 与addEventListener一起发出,javascript,node.js,reactjs,jsx,Javascript,Node.js,Reactjs,Jsx,创建addEventListener时出错 inviteButton = document.querySelector(".add-invite"); inviteButton.addEventListener("click", (e)=>{ addEmail(); }); ./src/components/form/invests.js 第24行:分析错误:意外令牌 22 | }; 23 | inviteButton = document.querySe

创建addEventListener时出错

inviteButton = document.querySelector(".add-invite");
  inviteButton.addEventListener("click", (e)=>{
    addEmail();
  });
./src/components/form/invests.js 第24行:分析错误:意外令牌

  22 |   };
  23 |   inviteButton = document.querySelector(".add-invite");
> 24 |   inviteButton.addEventListener("click", (e)=>{
     |               ^
  25 |     addEmail();
  26 |   });
  27 | 

感谢您的帮助

您在哪里执行它?您的环境不支持ES6,请尝试此方法

inviteButton.addEventListener("click", function (e) {
    addEmail();
});

我假设您的querySelector返回null,并且没有找到导致addEventListener函数不可用的元素


你能检查一下“addinvite”类是否真的出现在你的页面上,或者发布更多的代码吗

如果它不支持ES6,那么它将在arrow函数上出错,而不是在有效ES5的部分上。如果它返回
null
错误消息将是“无法访问null的属性”而不是“意外标记”的内容,注释不用于扩展讨论;这段对话已经结束。