為什么 Next.js 的編譯指示器出現在我的生產構建中？

Question

在構建和部署 Next.js 網站后，我注意到黑色編譯指示器仍然顯示在瀏覽器的右下角，就像在本地一樣。

本指標： https://i.stack.imgur.com/FVWEU.gif

在 Next.js 的網站上：

該指標僅在開發模式下出現，在生產模式下構建和運行應用程序時不會出現。

即使在本地運行yarn build和yarn start ，指示器也會在頁面加載時顯示。

在構建過程中，它說：

創建優化的生產構建在 20.89 秒內完成。

我關心的不是指示器正在顯示，因為我可以禁用它。 我擔心我沒有得到優化的構建，因為正在顯示的東西應該只在開發模式下顯示。

注意：我無法分享該網站的鏈接，因為它與工作相關。

有人見過這個問題嗎？

提前致謝！

技術信息：

Next.js 版本 12.1.1

Dockerfile：

FROM node:16.13.0-alpine

# Install packages.
WORKDIR /app
COPY package.json .
COPY yarn.lock .
RUN yarn install

# Copy all other files.
COPY . .

# Build the app.
RUN yarn build

# USER node
EXPOSE 3003
CMD ["yarn", "start"]

package.json（腳本塊）：

"scripts": {
    "dev": "node ssr-server.js",
    "build": "next build",
    "test": "node_modules/.bin/jest",
    "test:coverage": "node_modules/.bin/jest --coverage",
    "test:watch": "node_modules/.bin/jest --watch",
    "start": "node ssr-server.js"
},

Answer 1

在自定義服務器 JavaScript 文件中，應該有一行檢查環境是開發環境還是生產環境：

const dev = process.env.NODE_ENV !== 'production'

更新package.json中的start腳本以設置該環境變量：

"scripts": {
  "dev": "node server.js",
  "build": "next build",
  "start": "NODE_ENV=production node ssr-server.js"
}