响应式导航事件侦听器

Question

我正在与响应式导航教程一起编写代码，因为它总是让我头疼，但又遇到了麻烦。我在控制台中遇到的错误指出“无法读取null的属性'addEventListener'”，它给出了行号。因此，我可以看到它没有注册click事件，但我不知道为什么。

这是js：

const navSlide = () => {
  const burger = document.querySelector('.burger');
  const nav = document.querySelector('.nav-links');

  burger.addEventListener('click', () => {
    nav.classList.toggle('nav-active');
  });
}

navSlide();

值得一提的是，我使用的html包含js的一部分，可将导航html插入每个页面。

其他所有东西似乎都在起作用，即当我在测试中使它们可见时，CSS类是正确的。导航活动类要做的就是添加一个转换：translateX（0％）进入列表。

让我知道您是否需要HTML / CSS。值得一提的是，我正在使用HTML include在每个页面上都包含导航，但同样一切正常，这只是单击汉堡图标的事件侦听器。