"/src/reportWebVitals.js Módulo no encontrado: No se puede resolver 'web-vitals' en 'E:\ReactResources\RectProjects\test-app\src'"
const reportWebVitals = onPerfEntry => { if (onPerfEntry && onPerfEntry instanceof Function) { import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { getCLS(onPerfEntry); getFID(onPerfEntry); getFCP(onPerfEntry); getLCP(onPerfEntry); getTTFB(onPerfEntry); }); }}; export default reportWebVitals;Elimine todos los archivos y carpetas dentro de la carpeta de la aplicación de prueba. Vuelva a instalar todos los paquetes ahora e inicie npm. Funcionará.
Necesitas instalar web vitals. Abre tu terminal y ejecuta el siguiente comando:
npm i web-vitals --save-devAdemás, eliminar todo y reinstalar podría funcionar, pero ese es un proceso más largo.
Si ha creado su proyecto con create-react-app , todas las dependencias deberían estar allí cuando ejecuta npm install .
Asegúrese de haberlo hecho navegando al directorio raíz y ejecutando:
npm installPara cualquiera que venga aquí desde el inicio de una nueva aplicación con create-react-app : si está usando npm pero ejecuta create-react-app sin especificarlo explícitamente, usará yarn cuando esté disponible. Pude evitar este problema agregando el indicador --use-npm .
Así por ejemplo:
npx create-react-app my-app --use-npmCerré mi terminal y volví a abrir. ¡Funciona para mi!