Javascript 为什么;这一页不是';“t回应”;当我尝试在web应用程序(Angular8)中执行连续活动时,在edge和chrome浏览器中出现警告

Javascript 为什么;这一页不是';“t回应”;当我尝试在web应用程序(Angular8)中执行连续活动时,在edge和chrome浏览器中出现警告,javascript,typescript,google-chrome,angular8,microsoft-edge,Javascript,Typescript,Google Chrome,Angular8,Microsoft Edge,发生此错误后,我无法在该页面中执行任何活动,我需要关闭选项卡并重新打开另一个选项卡 Iam using a code to navigate to an array list (Next and Previous) using array indexing Eg: NextClicked(){ this.spinner.show('priority'); let CurrentArray : any; this.buttonClicked = t

发生此错误后,我无法在该页面中执行任何活动,我需要关闭选项卡并重新打开另一个选项卡

Iam using a code to navigate to an array list (Next and Previous) using array indexing
Eg:
 NextClicked(){
        this.spinner.show('priority');
        let CurrentArray : any;
        this.buttonClicked = true
        this.bindStaff = false;
        this.NextClickCalled =true;
        console.log("======Next Clicked=====")
        let CurrentArrayElement = this.modelProject.ID
        console.log(CurrentArrayElement)
        CurrentArray = JSON.parse(localStorage.getItem('CurrentProjectPageRecords'));
        console.log(CurrentArray);
        let CurrIndex =  CurrentArray.findIndex(x => x.ID === this.modelProject.ID);

CurrIndex = CurrIndex+1

let NextID = CurrentArray[CurrIndex].ID

 this.router.navigate(['/projects/' + NextID +'/edit/'+this.projectType]);

}
下一步是从数组中获取下一个元素,上一步是导航到上一个元素。继续使用此选项创建问题。如果我单击“下一步”5次,然后单击“上一步”,则页面将卡在那里并显示上述浏览器警告

PreviousClicked(){
        this.spinner.show('priority');
        let CurrentArray : any;
        this.buttonClicked = true
        this.bindStaff = false;
        this.NextClickCalled =true;
        console.log("======Previous Clicked=====")
        let CurrentArrayElement = this.modelProject.ID
        console.log(CurrentArrayElement)
        CurrentArray = JSON.parse(localStorage.getItem('CurrentProjectPageRecords'));
        console.log(CurrentArray);
        let CurrIndex =  CurrentArray.findIndex(x => x.ID === this.modelProject.ID);

CurrIndex = CurrIndex-1

let NextID = CurrentArray[CurrIndex].ID

 this.router.navigate(['/projects/' + NextID +'/edit/'+this.projectType]);

}
我不知道这是一个确切的问题,但我通过不断地做这个活动得到了警告

为angular启用延迟加载解决了我的问题 谈到Angular和CLI,请确保启用延迟加载和延迟加载路由,这样,随着应用程序变得越来越复杂和功能越来越多,初始负载将保持较小。由于生成的bundle是散列的,所以由于前面部分中的缓存头,它们被正确缓存

有关延迟加载的更多详细信息,请查看下面的链接


这是javascript内存问题还是任何类型的渲染问题?我想,请为您的问题提供一些额外的上下文;代码示例,复制步骤,以便社区可以帮助您缩小问题范围并帮助您找到解决方案。该错误是否也在其他浏览器中发生?您可以打开F12开发工具来检查控制台中是否有任何错误。此外,请提供有关该问题的更多详细信息。您可以提供可以重现问题的代码,以便我们进行测试并查看如何提供帮助。我使用代码导航到数组列表(下一个和上一个),使用数组索引示例代码已添加到描述中控制台中没有错误,但一些API需要时间加载并停留在那里,整个页面没有响应。。如果发生这种情况,那么我需要关闭当前选项卡并打开新选项卡以解决此问题感谢发布此问题的解决方案。您可以将您的答案标记为已接受的答案。它可以在将来帮助其他社区成员解决类似的问题。谢谢你的理解,谢谢你的指导