Esta es una advertencia de obsolescencia, lo que significa que debe comenzar a usar la nueva forma sugerida de configurar su middleware. En lugar de onBeforeSetupMiddleware y onAfterSetupMiddleware , use la setupMiddlewares setupMiddlewares.

La documentación en sí se puede encontrar en el sitio web de Webpack (en este caso aquí: https://webpack.js.org/configuration/dev-server/#devserversetupmiddlewares )

La configuración se verá así (proveniente de onBeforeSetupMiddleware y onAfterSetupMiddleware ):

 setupMiddlewares: (middlewares, devServer) => { middleware1(devServer.app) middleware2(devServer.app) return middlewares },

Otra forma útil de solucionar este problema es mirar el código que otros han escrito para solucionar este problema. Este ejemplo me pareció útil: https://github.com/facebook/docusaurus/pull/6168

Tuve el mismo problema. El problema estaba en setupProxy.js.

Si sus archivos setupProxy.js se ven como a continuación

 const proxy = require('http-proxy-middleware'); module.exports = function(app) { app.use(proxy('/proxypath', { target: '<target path>' })); };

Cámbialo como se muestra a continuación

 const { createProxyMiddleware } = require('http-proxy-middleware'); module.exports = function(app) { app.use(createProxyMiddleware('/proxypath', { target: '<target path>' })); };

Como en el error que ha citado, onAfterSetupMiddleware y onBeforeSetupMiddleware han quedado obsoletos, por lo que el método proxy no funciona como se esperaba. Entonces, cuando inicia el servidor con npm start, el navegador intenta redirigir a la URL del proxy. Es por eso que ves que la aplicación de reacción no se está cargando.

Es solo una advertencia de desaprobación de una de las bibliotecas que usó dentro de la aplicación, ¿ha intentado abrir http://localhost:3000 en su local? se supone que debe estar funcionando bien