我的 gatsby 网站上的一页有问题。
如果我从任何其他页面转到该页面，则效果很好。但是，如果我直接点击链接，或者在加载后刷新页面，则它无法正确呈现。所有其他页面呈现良好。与此不同的一件事是使用 flex 显示布局。
查看页面结构，它的呈现方式有所不同。HTML 看起来几乎一样，但是 gatsy 设置的 classes 和 class 属性是不同的。
这是有问题的页面：https : //www.hazardousfrog.com/contact-us/
如果有人可以快速浏览一下并告诉我这是 gatsby 问题还是我做错了什么，我将不胜感激。
看了之后，我相信这可能是你的错误。我在单独的选项卡中查看两个页面，一个正确呈现，一个未正确呈现。使用开发人员工具，我检查了表单组件，发现它们加载了完全不同的样式。我无法确切地告诉您是什么导致了这种情况，但是如果我不得不猜测可能是您的样式或类相互覆盖。
//the form style when it is NOT rendered correctly
.jss9 {
margin: 0;
border: 0;
display: inline-flex;
padding: 0;
position: relative;
min-width: 0;
flex-direction: column;
vertical-align: top;
}
//form styles when it IS rendered correctly
.jss357 {
display: flex;
flex-wrap: wrap;
}