Estoy tratando de agregar algunas páginas en mecanografiado, y dado que solo puedo importar archivos .ts en archivos .ts o .tsx, cambié el nombre de "Index.js" a "Index.tsx" y "App.js" a "App .tsx".
Ahora estoy recibiendo el siguiente error:
ERROR in ./src/index.tsx 7:0-24 Module not found: Error: Can't resolve './App'Índice.tsx
ReactDOM.render( <React.StrictMode> <BrowserRouter> <App /> </BrowserRouter> </React.StrictMode>, document.getElementById("root") );Aplicación.tsx
function App() { return ( <Provider store={store}> <div>hi</div> </Provider> ); } export default App;¿Por qué Index.tsx no puede resolver App.tsx? Creé el proyecto con create-react-app y estoy usando React 17.0.2.
Esto se debe a que la configuración del paquete web en CRA no está configurada para TypeScript.
Si desea usar TypeScript en su proyecto React, ¡debe comenzar con la "plantilla de TypeScript CRA"!
Instale la plantilla TypeScript de CRA y luego cree el código allí.
el sitio de plantilla npm está aquí https://www.npmjs.com/package/cra-template-typescript
Espero que encuentres una respuesta :D
Si desea utilizar archivos js en su proyecto mecanografiado y este código
"compilerOptions": { "allowJs": true, },a su archivo de configuración tsconfig.json. Si no tiene el archivo, ejecute $ tsc --init para generarlo.
Parece un simple error. Compruebe si ha importado App.tsx correctamente en index.tsx
y has actualizado las importaciones desde algo como
import App from 'App.js' para import App from 'App.tsx'
Si no se resuelve, comparte más información conmigo.