reactjs React应用程序-页面无响应

hrysbysz  于 2023-01-04  发布在  React
关注(0)|答案(5)|浏览(252)

Page Unresponsive in Chrome
我的React应用程序运行得非常好。我做了一个Yarn开始和重新启动继续工作的布局,并得到了上述React。我研究了这个问题,但似乎不能得到明确的方向,无论这是一个调试问题与我的chrome或react应用程序。我没有进入chrome扩展,并启用“允许访问网址”下的React开发工具。是否有人面临类似的问题或建议采取什么步骤?
谢谢大家!

oug3syen

oug3syen1#

我知道这是一个老问题,但我只是想写什么帮助我的情况下,其他人正在经历同样的问题。
我已经创建了一个无限循环,基本上已经在父组件中嵌套了几次父组件而不是子组件,我最初想嵌套。纠正了它,应用程序工作得很好。

sqougxex

sqougxex2#

我的应用程序崩溃是因为我创建了一个在html中不存在的组件。在成功编写<header> html组件模块后,我意外创建了一个名为<hero>的html元素组件,该组件在html中不存在。这导致我的React应用程序崩溃,但没有明确的错误。请检查您新添加的html标记。

gdx19jrr

gdx19jrr3#

在我的情况下,我不小心添加了z-index:-10到页面,我不能点击任何按钮或链接,检查您的页面是否有任何负z-index值。

dtcbnfnu

dtcbnfnu4#

在我的例子中,我使用了相同名称的组件和函数。例如,
正如你在第2行和第5行看到的,我有相同的名字,这是导致错误的原因,所以我改变了函数的名字。

shyt4zoc

shyt4zoc5#

您需要通过查看错误出现之前编写的最后一段代码来跟踪代码,然后删除该代码,重新启动文本编辑器和终端。我遇到了同样的问题,导致该问题的原因是在JSX中添加了一个样式化的页脚组件。但是当我删除该组件时,页面会加载

import React, { Component } from 'react'

export class Footer extends Component {
    render() {
        return (
            <Footer>
                Footer
            </Footer>
        )
    }
}

export default Footer;

相关问题