Me di cuenta después de crear e implementar un sitio web Next.js que el indicador de compilación negro todavía aparece en la parte inferior derecha de mi navegador como lo haría localmente.
Este indicador: https://i.stack.imgur.com/FVWEU.gif
En el sitio web de Next.js:
Este indicador solo está presente en el modo de desarrollo y no aparecerá al compilar y ejecutar la aplicación en el modo de producción.
Incluso localmente cuando ejecuto yarn build y yarn start , el indicador se muestra mientras se carga la página.
Durante el proceso de compilación, dice:
Creación de una construcción de producción optimizada Hecho en 20.89s.
Mi preocupación no es tanto que se muestre el indicador, porque puedo desactivarlo. Me preocupa no obtener una compilación optimizada, ya que se muestra algo que solo debería mostrarse en el modo de desarrollo.
Nota: No puedo compartir un enlace al sitio web ya que está relacionado con el trabajo.
¿Alguien ha visto este problema antes?
¡Gracias por adelantado!
Información técnica:
Siguiente.js Versión 12.1.1
archivo acoplable:
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"]paquete.json (bloque de secuencias de comandos):
"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" },En el archivo JavaScript del servidor personalizado, debe haber una línea que verifique si el entorno es de desarrollo o producción:
const dev = process.env.NODE_ENV !== 'production' actualice el script de start en package.json para establecer esa variable de entorno:
"scripts": { "dev": "node server.js", "build": "next build", "start": "NODE_ENV=production node ssr-server.js" }