React App在localhost和网站上有所不同

问题描述

我最近一直在开发自己的Web产品组合,最近又将其部署到了我的网站上。 由于某些原因,网站上的css与我的localhost预览上的css不同。一些文本要小得多,颜色不那么鲜艳,并且间距不固定。 例如在我的本地主机上:https://aws1.discourse-cdn.com/freecodecamp/optimized/3X/4/c/4c6cfdde390e68c4f531ed2df4f02513e86e1563_2_1035x550.png 在网站上看起来像这样:https://aws1.discourse-cdn.com/freecodecamp/optimized/3X/1/1/11c89209bd4400171f02e90286edde009b24ae54_2_1035x607.png 知道是什么原因造成的吗? 如果相关,这是我的源代码https://github.com/Imstupidpleasehelp/Dylanbozarth.com 预先感谢您的帮助。

解决方法

您是否使用同一浏览器查看两次?部署时代码是否可能不完全相同?也许正在使用额外的CSS文件?

,

我也经历过这个可能是您在另一个文件夹中的情况,然后style.css的URL出错了,因此请将CSS放入您的代码中,如下所示:

导入'../ App.css'

如果仍然无法正常工作,则有时您必须使用键盘上的硬刷新:

输入此内容。 ctrl + F5ctrl + shift + r。我之所以这样分享是因为,这件事发生在我身上,我想在知道答案后帮助别人。让我知道我是否有帮助。祝你好运,保重???

这里Bootstrap style disappearing on refresh only on one page in React app也几乎相同。希望你能得到答案。

,

浏览完css文件后,我找到了答案。在我的css文件中,我有几个不同的地方正在更改<h1>。因此,我将每个标签更改为<p>,并使用特定的类设置它们的大小。 我不确定为什么它在我的本地主机上显示为不同,但是我希望这对以后运行此问题的人有所帮助。