未捕获（承诺）TypeError：无法读取null的属性“值”

Question

关于诺言存在一些问题，当我在搜索栏中键入例如``比萨''并点击搜索时看不到。控制台输出如下所示：未捕获（诺言）TypeError：无法读取属性'value的值为空

我试图寻找任何拼写错误，但找不到任何东西。

这是我的github存储库：https://github.com/damianjnc/forkifyApp

任何人都可以看到导致错误的原因吗？

Answer 1

您的base.js文件中的CSS类错误：

export const elements = {
    searchForm: document.querySelector('.search'),
    searchInput: document.querySelector('.search__field'),
    searchResList: document.querySelector('.results__list')
}

小心类名，您只是忘记了“搜索”和“字段”之间的双“ _”。与“ results__list”相同。