我有一个使用 Next.JS 和 Firebase 构建并部署在 Vercel 上的 Web 应用程序。 一切都工作正常，直到最近我添加了一个底部导航栏，其位置设置为静态，底部：0。

在底部导航栏中，我正在渲染一个图标和一个文本。虽然它在本地主机中正常加载（使用 npm run dev），但我意识到底部导航的内容不会在部署到 Vercel 的生产版本中呈现。在生产版本中仅渲染底部导航容器（或 div）。内部内容（图标和文本）不会呈现。

当我使用 Chrome DevTools 检查时，缺少的内部内容没有显示在已部署版本的 Elements 下，但它显示在 localhost 的 Elements 下。 我还尝试了 React Components 插件，结果相同。

这种情况常见吗？有办法解决吗？

下面是显示图标和文本的屏幕截图（第 37 - 40 行）

下面是底部导航栏的图像，显​​示本地主机上的内部内容

下面是底部导航栏的图像，未显示部署到 Vercel 的生产版本的内部内容