Javascript axios.get forEach仅显示1个结果

基本上这里是HTML

电影片
img.mal{
-webkit用户拖动：无；
-moz用户拖动：无；
-o-用户拖动：无；
用户拖动：无；
}
img.mal{
指针事件：无；
}
.movie_card.mal{
填充：0！重要；
宽度：22雷姆；
利润率：14px；
边界半径：10px；
盒影：0 3px 4px 0 rgba（0,0,0,0.2），0 4px 15px 0 rgba（0,0,0,0.19）；
}
.movie_card.mal img.mal{
边框左上半径：10px；
边框右上角半径：10px；
高度：33雷姆；
}
.movie_info.mal{
颜色：5e5c5c；
}
.movie_info.mal i.mal{
字体大小：20px；
}
.card-title.mal{
宽度：80%；
身高：4rem；
}
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
axios.get(`https://api.jikan.moe/v3/user/humzaa-senpai/animelist/watching`，{headers:{Accept:“application/json”}}）。然后（list=>{
list.data.anime.forEach（项目=>{
变量日期=新日期（项目开始日期）
var year=date.getFullYear（）
console.log（项目）
document.getElementById（'监视列表'）
.InsertajacentHTML(
"之前",，
`
`
);
i++；
});
})

• 把电话线拔下来 i++（从末尾开始的第6行），您的代码将运行良好。i未定义，因此它正在创建错误

  ReferenceError:i未定义

删除行i++后的代码片段

电影片
img.mal{
-webkit用户拖动：无；
-moz用户拖动：无；
-o-用户拖动：无；
用户拖动：无；
}
img.mal{
指针事件：无；
}
.movie_card.mal{
填充：0！重要；
宽度：22雷姆；
利润率：14px；
边界半径：10px；
盒影：0 3px 4px 0 rgba（0,0,0,0.2），0 4px 15px 0 rgba（0,0,0,0.19）；
}
.movie_card.mal img.mal{
边框左上半径：10px；
边框右上角半径：10px；
高度：33雷姆；
}
.movie_info.mal{
颜色：5e5c5c；
}
.movie_info.mal i.mal{
字体大小：20px；
}
.card-title.mal{
宽度：80%；
身高：4rem；
}
$（函数（）{
$（'[data toggle=“tooltip”]'）。tooltip（）
})
axios.get(`https://api.jikan.moe/v3/user/humzaa-senpai/animelist/watching`，{headers:{Accept:“application/json”}}）。然后（list=>{
list.data.anime.forEach（项目=>{
变量日期=新日期（项目开始日期）
var year=date.getFullYear（）
console.log（项目）
document.getElementById（'监视列表'）
.InsertajacentHTML(
"之前",，
`
`
);
});
})

你确定1）你有超过1个项目，2）这不仅仅是一些css问题（例如卡重叠）？@Dario我检查了Chrome开发工具是否只有1个在HTML中，你看到控制台中记录了多个

项目？我的意思是，
list.data.anime
有不止一个项目？@shryansjain，谢谢，它很有效！，你能把它作为答案贴出来吗？这样我就可以把它当作正确的答案，然后结束这个问题！！