React App - 页面无响应

Question

Page Unresponsive in Chrome

我的React应用程序工作正常。我做了一个纱线启动并重新启动以继续进行布局并获得上述响应。我研究了这个问题但似乎无法明确指出这是否是我的chrome或react app的调试问题。我确实进入了chrome扩展并在React开发工具下启用了“允许访问URL”。有没有人面临类似的问题或建议采取什么步骤？

谢谢！

Answer 1

我知道这是一个老问题，但是我只想写些什么帮助我，以防其他人遇到同样的问题。

我创建了一个无限循环，并且基本上将父组件而不是子组件嵌套了几次，而不是子组件。我最初想嵌套。已更正，该应用程序正常运行。

Answer 2

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

import React, { Component } from 'react'

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

export default Footer;

Answer 3

我的应用程序崩溃了，因为我创建了一个在 html 中不存在的组件。成功编码<header> html 组件模块后，我不小心创建了一个名为<hero> 的html 元素组件，该组件在html 中不存在。这使我的 React 应用程序崩溃，但没有明显错误。检查您新添加的 html 标签。