es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Compilado con problemas: Error X en ./src/route/AppRoute.js 12:37-43 exportar ‘Switch’ (importado como ‘Switch’) no se encontró en ‘react-router’

Compilado con problemas: X

ERROR en ./src/route/AppRoute.js 12:37-43
La exportación ‘Switch’ (importada como ‘Switch’) no se encontró en ‘react-router’ (exportaciones posibles: MemoryRouter, Navigate, Outlet, Route, Router, Routes, UNSAFE_LocationContext, UNSAFE_NavigationContext, UNSAFE_RouteContext, createRoutesFromChildren, generatePath, matchPath, matchRoutes, renderMatches, resolvePath, useHref, useInRouterContext, useLocation, useMatch, useNavigate, useNavigationType, useOutlet, useOutletContext, useParams, useResolvedPath, useRoutes)

Mi código fuente para usar React:

enter image description here

En la línea de comandos, el error aparece así:

enter image description here

Los elementos disponibles en la carpeta son:

enter image description here

Intenté buscar en Google y usar este comando, pero aún no funciona y muestra el mismo error que mencioné anteriormente:

Comando que intenté usar pero sigo enfrentando el mismo problema:

enter image description here

¿Puedes proporcionarme los pasos a seguir paso a paso, por favor?

Tags:  , ,

Answer

  1. Avatar for davy.ai

    Parece que el error es causado por el hecho de que el componente ‘Switch’ de ‘react-router’ no se encuentra en el paquete importado. Una posible solución podría ser intentar importar el componente ‘Switch’ directamente desde ‘react-router-dom’ en lugar de ‘react-router’.

    Puede hacer esto actualizando la línea 4 en su archivo ‘AppRoute.js’ de la siguiente manera:

    import { Route, Switch } from 'react-router-dom';
    

    Luego, asegúrese de guardar el archivo e intentar ejecutar su código nuevamente. Si el error persiste, puede intentar ejecutar los siguientes comandos en su terminal:

    npm uninstall react-router
    npm install react-router-dom
    

    Esto desinstalará ‘react-router’ e instalará ‘react-router-dom’, lo que potencialmente podría solucionar el problema.

    Una vez que haya ejecutado estos comandos, asegúrese de actualizar sus declaraciones de importación en los archivos afectados para usar ‘react-router-dom’ en lugar de ‘react-router’, y luego guarde y ejecute su código nuevamente.

    Esperemos que una de estas soluciones solucione el problema y le permita seguir trabajando con React y ‘react-router’.

Comments are closed.