Encontré algo nuevo de salida en nueva versión, no sé cuál es su nombre.
Hay una imagen a continuación, texto verde.
Después npm start
Solo se muestra la versión anterior
Local: http://localhost:3000
En su red: http://192.168.1.108:3000
Tenga en cuenta que la compilación de desarrollo no está optimizada.
Para crear una compilación de producción, use npm run build.
Nueva versión muestra algo extra
activos por fragmento 1,5 MiB (nombre: principal)
activo estático/js/bundle.js 1,5 MiB [emitido] (nombre: principal) 1 activo relacionado
activo main.aa0b3f79a143f8b72953.hot-update.json 28 bytes [emitido] [inmutable] [hmr]
activo index.html 1,67 KiB [emitido]
webpack 5.65.0 compilado con éxito en 444 ms
¿Cómo puedo cerrar algo extra? Creo que es información útil.
Pero no me gusta, si no necesito eso.
¿Alguna forma de cerrarlo o mostrarlo?
Eso es debido a react-scripts@5.0.0
Si desea eliminar eso, debe degradar react-scripts@5.0.0 a react-scripts@4.0.3
Para instalar react-scripts@4.0.3
npm remove react-scripts npm install react-scripts@4.0.3Esto resolverá tu problema.
Parece que está usando create-react-app para el proyecto y usa react-scripts para compilar y ejecutar la aplicación web.
Los resultados verdes provienen de la información de webpack de paquetes web. ¿Podría compartir el comando de npm start con más detalles si no le importa?
El registro de cambios react-scripts no mencionó eso y no estoy seguro de si es un error real de react-scripts o no.
Bueno, después de mucha depuración, mi sospecha es que hay algunos problemas de compatibilidad del paquete web con lo que implementa la plantilla create-react-app en sus versiones más recientes. Espero que esto ayude a cualquiera que tenga problemas con este problema:
En mi archivo package.json, estaba usando estos paquetes, que dieron el resultado de terminal súper molesto descrito anteriormente.
"dependencies": { "@testing-library/jest-dom": "^5.16.1", "@testing-library/react": "^12.1.2", "@testing-library/user-event": "^13.5.0", "react": "^17.0.2", "react-dom": "^17.0.2", "react-scripts": "5.0.0", "web-vitals": "^2.1.4" },Estos son los paquetes degradados que eliminaron su salida de terminal mencionada anteriormente. Mi suposición es que este es un problema de scripts de reacción, pero también actualicé las otras dependencias para estar seguro.
"dependencies": { "react": "^16.8.4", "react-dom": "^16.8.4", "react-scripts": "^3.2.0", "web-vitals": "^2.1.4", },¡Esperemos que esto ayude a cualquiera que esté luchando con esto también!