未捕获的TypeError：无法使用gulp

Question

我第一次使用gulp，我不知道这是否与此无关，但是在控制台中它说它无法读取addEventListener。

PS：可与包裹配合使用。.

我检查我的变量是否为空但什么都没发生

window.onload=function(){} doesn't work

HTML

<ul>
      <li class="kitchen">Cuisine</li>
      <li class="bathroom">Salle de bain</li>
  </ul>

  <form>
      <label>
          Cuisine
          <input name="kitchen" type="checkbox">
      </label>
      <label>
          Salle de bain
          <input name="bathroom" type="checkbox">
      </label>
  </form>

JS

let kitchenLight = document.querySelector('input[name=kitchen]');
let kitchen = document.querySelector('.kitchen');

kitchenLight.addEventListener('change', function(){
    kitchen.classList.toggle('on');
})

未捕获的TypeError：无法读取null的属性'addEventListener'

感谢您的帮助！我要在几个小时内进行一次考试，我真的需要弄清楚这一点...