app.js:6 未捕获类型错误：无法读取 null 的属性“addEventListener”

这是我的 app.js

const navBtn = document.getElementById("nav-btn");

const navbar = document.getElementById("navbar");

const navClose = document.getElementById("nav-close");

navBtn.addEventListener("click", () => {

navbar.classList.add("showNav");

});

navClose.addEventListener("click", () => {

navbar.classList.remove("showNav");

});

我已将脚本标记放在我的 html 中 body 标记的末尾。我正在使用 django 作为我的后端，并且 javascript 文件已正确加载，因为我没有收到 404 错误。实际上，几天前，当我浏览我的页面时，一切似乎都很好。js 工作得很好。需要一些帮助来解决问题。谢谢

米琪卡哇伊

浏览 134回答 2

aluckdog

有时您必须将脚本放在代码的底部，这样才能简单地解决问题。例子。<head> ... </head><body> ... </body><script> your code here </script>

梵蒂冈之花

通过删除项目中的所有 .js 文件并稍后再次添加它们来解决这个问题。在没有 javascript 的情况下运行项目然后添加它解决了这个问题。

随时随地看视频慕课网APP