Obteniendo este error al intentar actualizar para reaccionar 18.
Me pregunto si tiene que ver con mis tipos de archivo. Estoy usando mecanografiado, así que supongo que tanto la aplicación como el índice deben terminar con un .tsx.
La aplicación y el archivo de índice están dentro de la misma carpeta (src)
ERROR in ./src/index.tsx 12:0-24 Module not found: Error: Can't resolve './App' in 'C:\Users\CleverlyDone\Documents\GitHub\myProjectName\src'Mis archivos son:
índice.tsx
/** Vendor */ import React from "react"; /** Shared CSS */ import "./dist/css/index.css"; /** Entry Point */ import App from "./App"; /** Analytics */ // import reportWebVitals from "./reportWebVitals"; import { createRoot } from "react-dom/client"; const container = document.getElementById("app"); const root = createRoot(container!); root.render(<App />);Aplicación.tsx
/** Vendor **/ import React from "react"; /** CSS */ import "./dist/css/app.css"; export default function App() { return ( <div>Placeholder</div> ); }Intenta agregar esto a tu tsconfig.json
{ "compilerOptions": { "allowJs": true, "skipLibCheck": true, "esModuleInterop": true, "allowSyntheticDefaultImports": true, "strict": true, "forceConsistentCasingInFileNames": true, "module": "esnext", "moduleResolution": "node", "resolveJsonModule": true, "isolatedModules": true, "noEmit": true, "noFallthroughCasesInSwitch": true, "jsx": "react-jsx" }, "include": [ "src", ] }Probablemente el problema esté en su paquete Typescript webpack En su paquete web intente agregar ts y tsx
module.exports = { //Rest of your code resolve: { extensions: ['.ts', '.tsx'], }, };