应用错误收集

我正在尝试使用普通JS来删除DOM中的元素。几个小时以来，我一直在困惑这个特殊的问题。据我所知，我做的一切正确。关于为什么代码不起作用的任何指针？

此练习的目标是从体内完全删除“ div1” div。

HTML：

<html>
  <head>
      <script src="index.js">
  </script>
  </head>

  <body>
    <div id="div1">
    </div>
  </body>
</html>

JS：

document.querySelector("#div1").remove();

错误：

Uncaught TypeError: Cannot read property 'remove' of null

但是我不知道为什么“＃div1”一开始就被认为是空的。有什么建议可以使其正常工作吗？