类型错误：无法读取 null 的属性“appendChild”

Question

我正在尝试创建一个博客，从 Firestore 数据库获取信息。但我不断收到此错误。TypeError: Cannot read property 'appendChild' of null。

这是我的 HTML 代码：

这是我的 JavaScript 代码：

这是 Firestore 数据库： 

Answer 1

我认为您遇到的错误根本与 Firebase 无关，而是与document.querySelector第 16 行有关。该函数需要传递一个有效的 CSS 选择器，因此如果您想通过 id 查找元素，您应该在选择器前面加上“#” 。在你的情况下，还有一个拼写错误，所以最后它应该看起来像这样才能工作：let postCollection = document.querySelector('#post-collection');