创建 React App 构建不会呈现所有元素

Create React App build doesn't render all elements

我 运行 在创建 React 应用程序时遇到了一个奇怪的问题。

我正在构建一个应用程序，当 运行 npm run dev 时一切正常：

按钮文本来自 API 调用。

然后我尝试了一个生产版本，所以我 运行 npm run build 然后 serve -s build 一切顺利，控制台告诉我去 http://localhost :5000，我做了，然后它看起来像这样：

所以我的按钮突然不可见了。但最奇怪的是：他们肯定还在那里。我可以将鼠标悬停在它们上面，看到我的鼠标变成一个指针，我仍然可以点击它们。我什至得到每个按钮上的 console.logs，他们打印出按钮的标题，就像他们应该做的那样。

我检查了http://localhost:5000 上的控制台，没有错误。我还从 API 得到了正确的响应，所以它也能正常工作。网络选项卡也没有显示任何错误；所有文件都已正确加载（html、js、图像、css，随你便）

我试过 Chrome、Firefox 和 Safari，它们都有这个问题。

知道是什么原因造成的吗？

问题

我似乎将 opacity 设置为非常低的值，问题 div 几乎 不可见。

#questions.visible {
    left: 0;
    opacity: 1%;
}

解决方案

opacity 值通常是 0 到 1 之间的值，但百分比似乎仍然有效（至少在 Chrome 范围内）。根据基本 CSS 规则，我假设您打算在应用 visible class.

时将此值设置为 1 
#questions.visible {
    left: 0;
    opacity: 1;
}

为您的聊天区应用同样的方法

#chat-area.visible {
    left: 0;
    opacity: 1;
}