在 Vercel 上部署的 Next.js 應用程式在本地渲染特定內容，但在生產建置中無法渲染它們
我有一個使用 Next.JS 和 Firebase 建置並部署在 Vercel 上的 Web 應用程式。 一切都工作正常，直到最近我添加了一個底部導航欄，其位置設置為靜態，底部：0。
在底部導覽列中，我正在渲染一個圖示和一個文字。雖然它在本機中正常載入（使用 npm run dev），但我意識到底部導覽的內容不會在部署到 Vercel 的生產版本中呈現。在生產版本中僅渲染底部導覽容器（或 div）。內部內容（圖示和文字）不會呈現。
當我使用 Chrome DevTools 檢查時，缺少的內部內容沒有顯示在已部署版本的 Elements 下，但它顯示在 localhost 的 Elements 下。 我還嘗試了 React Components 插件，結果相同。
這種情況很常見嗎？有辦法解決嗎？
下面是顯示圖示和文字的螢幕截圖（第 37 - 40 行）
下面是底部導覽列的圖像，顯示本機上的內部內容
下面是底部導覽列的映像，未顯示部署到 Vercel 的生產版本的內部內容
