代码之家  ›  专栏  ›  技术社区  ›  Yusuf Yeşilyurt

当呈现某个组件时,React应用程序崩溃

  •  0
  • Yusuf Yeşilyurt  · 技术社区  · 3 年前

    老实说,我不知道问题的真正原因,但我会尽力解释。 在我的react应用程序中,我放置了一个Google Translate小部件(几年前已退役),只需点击一下就可以轻松翻译整个网站。它可以正常工作,直到我点击一个模式或某个按钮,在不改变路线的情况下更改选项卡。我的意思是,当路由没有问题,但如果新组件呈现在相同的路由中(就像在模态和选项卡组件中一样),应用程序崩溃,我得到的只是一个空白页面。 让它更清晰的图片:

    enter image description here

    看起来,谷歌把主页上的页面翻译成法文是另一条路线,一切似乎都正常。 但当我点击Make a Reservation(预订)按钮(垂直按钮)或All Features(所有功能)按钮(底部的黑色按钮)时,令人沮丧的是,我得到的是: enter image description here

    空白页。因此,如果不使用谷歌翻译小部件,一切都会顺利进行。但是,如果页面被翻译,用户点击一个按钮,就会在同一条路径上呈现某些组件,这种情况就会发生。任何解决方案的建议或评论对我来说都非常重要。 非常感谢。

    0 回复  |  直到 3 年前
        1
  •  0
  •   Yusuf Yeşilyurt    3 年前

    我在span标记中找到了导致insertBefore错误的组件。它解决了这个问题。