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