生产反应网站渲染不正确

Question

我开始制作我的投资组合网站与反应，并希望部署它。本地服务的版本看起来很好，工作也很好。在将其部署到Github页面和Netlify之后，这两个网站似乎都没有正确地呈现网站。只显示页眉徽标和页脚。其他一切似乎都存在于DOM中，但都是不可见的。我也在使用脉轮UI来设计我的组件。这是回购：https://github.com/ShreeyansB/shreeyansb.github.io/tree/main

问题：https://imgur.com/LL2uSwB

所有的按钮似乎都正常工作，只是它们是看不见的。

我打赌在使用脉轮UI时会犯一些错误，但我似乎找不到问题。任何帮助都将不胜感激。

Answer 1

这看起来像是CSS的问题。如果我从构建中删除CSS包含，它可以正常工作。

<link href="/static/css/main.a21f9a4b.chunk.css" rel="stylesheet">

​

​

在进一步检查构建CSS时，我看到下面的样式。

@-webkit-keyframes Header_opacity__3wGpe {
        0% {
            opacity: 0;
        }
        to {
            opacity: 1%;
        }
    }

你确定不透明度是1%吗？不是应该是opacity:1吗？