Javascript 未捕获类型错误：无法读取属性'；增补列表器'；空值。Context\u生成的\u background\u page.html_Javascript_Html

Javascript 未捕获类型错误：无法读取属性'；增补列表器'；空值。Context\u生成的\u background\u page.html

javascript html

Javascript 未捕获类型错误：无法读取属性'；增补列表器'；空值。Context\u生成的\u background\u page.html,javascript,html,Javascript,Html,我正在编写一个chrome扩展，并试图通过外部JS文件将事件侦听器绑定到HTML按钮事件侦听器可以工作，但Chrome会引发以下错误：这是manifest.json、background.js和popup.html文件，顺序如下： { “名称”：“滴水”， “版本”：“1.0”， “清单版本”：2， “说明”：“滴水是一种用于购买受限物品的自动化工具”， “权限”：[“存储”、“选项卡”] } __ 测验如果我的格式不好，我很抱歉。非常感谢您的投入删除 "background":

我正在编写一个chrome扩展，并试图通过外部JS文件将事件侦听器绑定到HTML按钮

事件侦听器可以工作，但Chrome会引发以下错误：

这是manifest.json、background.js和popup.html文件，顺序如下：

{ “名称”：“滴水”， “版本”：“1.0”， “清单版本”：2， “说明”：“滴水是一种用于购买受限物品的自动化工具”， “权限”：[“存储”、“选项卡”]

}


测验

如果我的格式不好，我很抱歉。非常感谢您的投入

删除

"background": {
    "scripts": ["background.js"]
}

用于在后台运行任务并加载后台页面。它运行在一个空白页

\u生成的\u background\u page.html

（它为您生成的）。请注意，如果需要，您可以设置背景页面的html。
Popup是一个单独的背景页面，html设置为

默认\u Popup

值。这是当您单击图标并获得弹出窗口时得到的页面

供参考的正式文档：

您是否尝试将脚本放入

标题

标记中？@Ayfri是的，我尝试过，但仍然出现相同的错误。@Sam，是否希望在页面加载时打开警报？它在这里工作@ManirajMurugan我希望在点击按钮时打开警报。我的扩展成功地做到了这一点，但我得到了上面描述的错误，并希望消除它。

    function myAlert(){
  alert('hello world')
}

  document.addEventListener('DOMContentLoaded', function () {
      document.getElementById('alertButton').addEventListener('click', myAlert);
  });

<html>
<head>
    <title>Test</title>

</head>
<body>
    <form name='testForm'>
        <input type='button' id='alertButton' value='click me'>
    </form>
    <script language='javascript' src='background.js' defer></script>
</body>

"background": {
    "scripts": ["background.js"]
}