He estado trabajando con React por un tiempo, usando con éxito npm start para ver cómo se ejecuta mi aplicación.
En algún momento, mi aplicación dejó de cargarse en http://localhost:3000/ .
Me sale esto en la terminal:
Compiled successfully! You can now view contact-list in the browser. Local: http://localhost:3000 On Your Network: http://192.168.1.16:3000 Note that the development build is not optimized. To create a production build, use npm run build.En mi navegador Chrome, parece que se está cargando perpetuamente, sin mostrar errores. No aparece nada en la consola.
Intenté borrar el caché del navegador.
Intenté verificar http://192.168.1.16:3000 . También se carga perpetuamente.
Probé otro proyecto en el mismo puerto y funcionó, por lo que no parece ser un problema con el puerto.
Aquí está mi paquete.json:
{ "name": "contact-list", "version": "0.1.0", "private": true, "dependencies": { "@testing-library/jest-dom": "^5.11.10", "@testing-library/react": "^11.2.6", "@testing-library/user-event": "^12.8.3", "bootstrap": "^5.1.3", "react": "^18.1.0", "react-dom": "^17.0.2", "react-router-dom": "^6.3.0", "react-scripts": "4.0.3", "web-vitals": "^1.1.1" }, "scripts": { "start": "react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }, "eslintConfig": { "extends": [ "react-app", "react-app/jest" ] }, "browserslist": { "production": [ ">0.2%", "not dead", "not op_mini all" ], "development": [ "last 1 chrome version", "last 1 firefox version", "last 1 safari version" ] } }¿Alguien sabe qué podría estar yendo mal?
No hay suficientes datos. Pero una de las razones podría ser que en algún momento el puerto 3000 no se liberó correctamente. Intente matar el proceso por puerto, o simplemente reinicie el sistema