Para solucionar este problema, simplemente actualice el paquete de scripts de reacción (verifique la última versión con la versión de npm info react-scripts version ):

1. Reemplace en su paquete.json "react-scripts": "^3.xx" con "react-scripts": "^3.4.1" (o la última versión disponible)
2. (opcional para algunos) Elimine su carpeta node_modules
3. Ejecute npm install o yarn install

Algunas personas informaron que este problema se debió a la ejecución de la corrección de npm audit fix (¡evítelo!).

Si ha expulsado, esta es la forma correcta de solucionar este problema:

busque este archivo config/webpackDevServer.config.js y luego dentro de este archivo busque la siguiente línea:

 app.use(noopServiceWorkerMiddleware());

Deberías cambiarlo a:

 app.use(noopServiceWorkerMiddleware('/'));

Para mí (y probablemente para la mayoría de ustedes), el service worker se encuentra en la raíz del proyecto. En caso de que sea diferente para usted, puede pasar su ruta base en su lugar.

También me enfrenté a este problema y lo descubrí actualizando el paquete de react-scripts de "react-scripts": "3.xx" a "react-scripts": "^3.4.1" (o la última versión disponible) .

1. Eliminar la carpeta node_modules\
2. Eliminar el archivo package-lock.json
3. Vuelva a escribir el archivo package.json de "react-scripts": "3.xx" a "react-scripts": "^3.4.1"
4. Instalar paquetes de nodos nuevamente npm i
5. Ahora, inicie el proyecto npm start

¡¡Y funciona!!