TypeError：无法读取 null 的属性（读取“addEventListener”）答案

【问题标题】：TypeError: Cannot read properties of null (reading 'addEventListener')TypeError：无法读取 null 的属性（读取“addEventListener”）
【发布时间】：2021-12-17 13:58:34
【问题描述】：

useEffect(() => {
  document.querySelector('#rewards_modal').addEventListener('shown.bs.modal', function(e) {
    document.querySelector('.modal-body').addEventListener('scroll', function() {
      console.log('scroll y');
    });
  })
});

【问题讨论】：

欢迎来到 Stack Overflow！访问help center，使用tour 了解内容和How to Ask。请首先>>>Search for related topics on SO，如果您遇到困难，请发布您的尝试的minimal reproducible example，并使用[<>] 记录输入和预期输出sn-p 编辑器。
另外，每次显示模态框时，都会向模态框体添加一个 eventListener
至少对于您的一个查询选择器，没有找到任何元素
请澄清您的具体问题或提供其他详细信息以准确突出您的需求。正如目前所写的那样，很难准确地说出你在问什么。

标签： javascript bootstrap-modal

【解决方案1】：

尝试将脚本标签移到它所引用的 html 元素之后。

【讨论】：