Javascript 网络称Dom内容已加载。Console.log不'；t登录到开发人员控制台。调试器不'；我打不中。函数未被调用

我仔细检查了拼写。此文件名为。Index.js，它在src文件夹中。真的不知道为什么console.log和调试器不能工作。ChromeDeveloperTools中的网络选项卡显示加载的dom内容。我不明白为什么我的代码都没有在控制台中运行

document.addEventListener（'DOMContentLoaded'，（事件）=>{
log（'DOM已完全加载并解析'）；
调试器
获取所有啤酒（）；
});
函数fetchAllBeers（）{
const beerContainer=document.getElementsByClassName（“列表组”）[0]
调试器
取回（“http://localhost:3000/beers")
.then（resp）=>resp.json（）
.then（功能（数据）{
data.forEach（啤酒=>{
beerContainer.innerHTML+=renderABeer（啤酒）；
});
})
}
功能渲染器（啤酒）{
返回“

啤酒名
">
喜欢
在这里添加喜欢的数量

`
}

`
唯一合理的解释是，在DOMCONTUNTION加载事件被触发后，您的代码正在执行。考虑将脚本放在<代码>标签中，以确保它在加载前运行。
 < P>您的代码中似乎存在实际问题。罗

将来，如果您使用此处的编辑器发布代码，您可能能够更快地捕获错误


document.addEventListener（'DOMContentLoaded'，（事件）=>{
log（'DOM已完全加载并解析'）；
调试器
获取所有啤酒（）；
});
函数fetchAllBeers（）{
const beerContainer=document.getElementsByClassName（“列表组”）[0]
调试器
取回（“http://localhost:3000/beers")
.then（（resp）=>resp.json（））//修复这一行
.then（功能（数据）{
data.forEach（啤酒=>{
beerContainer.innerHTML+=renderABeer（啤酒）；
});
})
}
“消息”：“语法错误：无效的箭头函数参数（箭头函数周围的括号可能会有帮助）”