Tuve exactamente el mismo problema de " No se puede resolver el símbolo " para la mayoría de las importaciones en Intellij, cuando actualicé a react-router-dom:6.0.2 .
Como dijo @DLH , el producto Jetbrains estaba leyendo el archivo de tipo para el paquete desde <system directory>/jetbrains/intellij/javascript/typings en lugar de desde la carpeta node_modules del proyecto.
Como dijo Oksana Chumak de Jetbrains:
El IDE descarga los tipos de algunas bibliotecas populares en su carpeta de configuración y los usa para mejorar la finalización del código.
Dentro del producto jetbrains, presione shift dos veces para abrir la ventana de búsqueda en todas partes, busque el registro y abra el primer resultado.
En el registro, busque la clave typescript.external.type.defintions.packages y en el valor de ese campo, solo elimine el campo react-router-dom de los valores.
También elimine la carpeta del paquete react-router-dom de esta ubicación, <system directory>/users/{name}/AppData/Local/jetbrains/intellij/javascript/typings
Ahora, el producto jetbrains leerá el archivo de tipo de node_modules del proyecto, en lugar de leerlo de su internal typings folder . En el futuro, tampoco intentará descargar y usar los tipos intellij react-router-dom para otros proyectos.
Acabo de tener el mismo problema en WebStorm. Cuando hice clic con la tecla crtl sobre 'react-router-dom' en la declaración de importación, vi que parecía estar confundido sobre a qué archivo index.ts.d prestar atención. Uno era de la versión 6.0.2 instalada en node_modules de mi proyecto como se esperaba. El otro estaba en C:\Users[me]\AppData\Local\JetBrains\WebStorm2021.2\javascript\typings\react-router-dom\5.3.2\node_modules@types\react-router-dom\index.d. ts.
Acabo de cambiar el nombre del último archivo JetBrains de 5.3.2 pensando que ahora estaba obsoleto y funcionó como se esperaba a partir de entonces. No es la solución más bonita, y estoy casi seguro de que no encontrará la manera de morderme el trasero más tarde. Pero al menos por ahora, funciona.
Podemos intentar eliminar node_modules y eliminar esa carpeta. Luego podemos ejecutar npm , esto reinstalará esos paquetes nuevamente.
Después de eso, intentaría implementar el Router y ver si se resuelve solo aunque se queje de que no puede encontrar el símbolo.
Algo como esto debería funcionar:
<BrowserRouter> <Routes> <Route path='/*' element={ <App /> } /> </Routes> </BrowserRouter>