未捕获的类型错误：无法读取空值的addEventListener属性 chrome扩展程序

Question

当我在浏览器上调试应用程序时，有一个错误出现了几个小时：

Uncaught TypeError: Cannot read property 'addEventListener' of null chrome-extension://fommidcneendjonelhhhkmoekeicedej/scripts/optionsToggle.js

我打开链接以便查看optionToggle.js代码，它的内容如下：

// Javascript for welcome page buttons
function showFirstTime() {
    $('#firstTimeSection').toggle('slow');
    $('#updatesSection').hide();
}
function showUpdate() {
    $('#updatesSection').toggle('slow');
    $('#firstTimeSection').hide();
}

document.getElementById('firstTimeBtn').addEventListener('click',showFirstTime);
document.getElementById('oldTimerBtn').addEventListener('click',showUpdate);

错误发生的那一行是倒数第二行：

document.getElementById('firstTimeBtn').addEventListener('click',showFirstTime);

今天我唯一做的事情就是更新了Chrome版本。

有人知道这个错误的真正含义以及如何解决吗？

谢谢您提前。

- french_dev

---

这是内容脚本还是浏览器动作/页面动作？ - Edwin Reynoso

@Edwin 这不是我目前正在开发的网络应用程序的脚本内容，我不知道这个脚本来自哪里。这是浏览器控制台给我的脚本，在那里发生了错误。 - french_dev

好的，这是一个扩展程序，你需要运行该脚本。在浏览器中打开chrome:extensions，打开开发者模式并匹配id：fommidcneendjonelhhhkmoekeicedej。 - Edwin Reynoso

@Edwin，你的答案很好。是“Hacker Vision”扩展程序给了我这个错误。请回答我的问题，解释一下你的评论，以便将此问题标记为已解决。 - french_dev

Answer 1

这是一个扩展程序，你需要启用运行此脚本的扩展。在浏览器地址栏输入chrome:extensions，打开“开发者模式”，查找匹配 id 为 fommidcneendjonelhhhkmoekeicedej 的扩展程序。

- Edwin Reynoso

Answer 2

这里的真正错误是您尝试向页面上不存在的DOM对象添加事件侦听器，这就是为什么错误会指出您无法在null上设置该属性。

- Arm1stice

---

是的，那可能就是了。在.onload事件上使用DOMContentLoad或.ready。 - doron aviguy

@Arm1stice，感谢您的回答，但是Edwin给了我解决这个问题的方法。而且是Hacker Vision扩展程序，在我最近的Chrome更新后，导致了这个错误。 - french_dev

@french_dev 没问题，愉快编码！ - Arm1stice