Javascript 当我尝试使用children属性和offsetWidth时，为什么在控制台中收到无法读取属性消息？

我不熟悉编码和编程，我一直在Youtube上关注一个程序员使用HTML、CSS和Javascript制作响应性缩略图滑块的屏幕记录。我试图检查我的Javascript是否已登录到控制台，但我继续收到以下错误消息：“script.js:3 Uncaught TypeError:Cannot read property'children'of null at script.js:3”注释第3行解决了问题，但第4行显示了相同的错误：“script.js:3未捕获类型错误：无法读取script.js:4处的属性'offsetWidth'null”

有人能告诉我为什么会这样吗？我的代码如下

const container=document.querySelector（“缩略图容器”）；
const allBox=container.children；
const containerWidth=container.offsetWidth；
常数裕度=30；
var项=0；
//每张幻灯片的项目设置
响应的=[
{断点：{宽度：0，项：1}}，//如果宽度大于0（1将显示项）
{断点：{宽度：600，项：2}}，//如果宽度大于600（2将显示项）
{断点：{宽度：1000，项目：4}}//如果宽度大于1000（将显示4个项目）
]
函数加载（）{
for（设i=0；i响应[i]。断点。宽度）{
items=响应[i]。断点.item
}
}
start（）；
}
函数start（）{
对于（设i=0；i请将您拼写错误的thumbnailcontainer这一行更改为thumbnailcontainer

const container=document.querySelector(".thumbnailcontainer");

容器
为空，因为您正在查询选择器
缩略图容器
，但HTML中的类为
缩略图容器
。