首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >React JS环境加载,但浏览器超时并崩溃。

React JS环境加载,但浏览器超时并崩溃。
EN

Stack Overflow用户
提问于 2019-06-28 14:14:51
回答 1查看 600关注 0票数 0

running 16.8.4;Node v11.8.0;在安装了Xcode 9.4.1的Mac塞拉利昂10.13上运行NVM环境

我的小而全新的relatively以CRA+Express为模型(同时使用),一切都进行得相当顺利。

然后,我遇到了一些与nasty相关的讨厌的问题,不得不使用nvm工具将我的节点版本限制为11.8.0。我经历了几次奇怪的崩溃(

现在,当我运行yarn start时,我的dev环境加载ok (慢慢):

然后,我的Chrome打开http://localhost:3000 (自动)并旋转几分钟

最后,在大约6-7分钟之后,Chrome崩溃时内存错误:

我想不出在我的(非常小的,全新的) React应用程序中有什么东西会导致这种情况,但我将尝试从战略上重建它,看看我是否能够在这个应用程序之外重新创建这个崩溃。我怀疑这是一个开发或环境问题,因为我没有问题把这个应用程序部署到Heroku。

有人在Mac上开发时见过这样的东西吗?

EN

回答 1

Stack Overflow用户

发布于 2019-06-28 15:14:28

,这都是ME. (很满意地把它修好了,但也是对别人的预警.)

注:我已经进入了6个月的反应旅程,我犯了一个新手的错误。

我添加这段代码是为了做一些“网页字体加载”(不相关)。

代码语言:javascript
运行
复制
class App extends Component {
  render() {
    return (
      <WebfontLoader config={config} onStatus={callback}>
        <App />
      </WebfontLoader>
    );
  }
}

仔细看。您会注意到,我错误地将<App />对象的JSX放在了App本身的render调用中。

我想这就是内存崩溃的原因,因为它形成了某种无限循环。

我清楚地发现,罪魁祸首是应用程序类本身的<App />调用中的render对象(这是一个完全没有目的的错误--只是太草率了)。

尽管如此,我还是要向React核心团队推荐这是补丁,因为当它发生在你身上的时候,处理你的浏览器崩溃是相当讨厌的。

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/56808560

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档