Javascript：“错误：未捕获（承诺）TypeError：无法读取null的属性'appendChild'”

Question

我收到此错误：

resultsWrapper.appendChild(option);
Uncaught (in promise) TypeError: Cannot read property 'appendChild' of null

在上传之前，我在这里阅读了一些解决方案。脚本标签位于HTML文件的底部，当我使用Chrome控制台进行检查时，该元素即已创建并已定义。但是，当到达appendChild()行时，它将设置为null。我真的不知道我在做什么错。下面是代码：

const input = document.querySelector('input');
const dropdown = document.querySelector('.dropdown');
const resultsWrapper = document.querySelector('.results');

const onInput = async event => {
   const movies = await fetchData(event.target.value);

   dropdown.classList.add('is-active');
   for (let movie of movies) {
       const option = document.createElement('a');

       option.classList.add('dropdown-item'); 
       option.innerHTML = `
            <img src="${movie.Poster}"/>
            ${movie.Title}      
       `;

       resultsWrapper.appendChild(option);
   }
};