Comencé una nueva aplicación de reacción (donde necesito incluir mecanografiado) siguiendo esta instrucción:

npx create-react-app my-app --template typescript

luego copié una estructura de carpetas antigua donde solo usé js para este proyecto. Así que terminé con algo como esto :

también con ese comando me generó un archivo tsconfig donde agregué algunas rutas de alias a /components , /services y /utils

Este es mi archivo tsConfig :

 { "compilerOptions": { "target": "es5", "baseUrl": "./src", "lib": ["dom", "dom.iterable", "esnext"], "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "strictNullChecks": false, "forceConsistentCasingInFileNames": true, "noFallthroughCasesInSwitch": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "jsx": "react-jsx", "paths": { "@components/*": ["./components/*"], "@utils/*": ["./utils/*"], "@services/*": ["./services/*"] } }, "include": ["src"] }

luego, cuando intento importar mis componentes en app.tsx como este:

 import PokeTable from "@components/pokeTable/pokeTable"; function App() { return ( <div className="App"> <PokeTable></PokeTable> </div> ); } export default App;

Recibo los siguientes errores:

Compilado con problemas:

 ERROR in ./src/App.tsx 4:0-56 Module not found: Error: Can't resolve '@components/pokeTable/pokeTable' in 'C:\Users\Utilizador\Desktop\pokemonproject\src'

Intenté cambiar las rutas y también recreé una nueva aplicación ts usando la plantilla mecanografiada, ¿alguien sabe por qué ocurre esto y qué puedo hacer para resolverlo?

¡Gracias a todos!