Migración de React ES6 a TypeScript: las declaraciones de importación no funcionan
Tengo un proyecto React actualmente escrito en ES6 que estoy migrando a TypeScript. Estoy teniendo problemas con elimport
declaraciones.
Actualmente con ES6 instalé las dependencias React usando NPM, exnpm install react
y use Babel con Browserify para crear un paquete ES5 de salida. (Usar Browserify no es un requisito, solo estoy tratando de hacer que TS funcione con el proyecto).
Un archivo típico de React ES6 se ve así:
import React from "react"
import {Router, Route, Link} from "react-router"
import Button from "./components/Button"
export default class App extends React.Component {
render(){
// ...
}
}
Pasando a TS, he instaladod.ts
archivos para todas mis dependencias React usandotsd install react/
, establecer TSCmodule: "commonjs"
yjsx: "react"
, convirtió algunos archivos de*.jsx
a*.tsx
, y obtengo estos errores de compilación en elimport
declaraciones:
Error: (1, 8) TS1192: El módulo '"reaccionar"' no tiene exportación predeterminada.
losimport Button
declaración no da ningún error. Parece que TSC no puede resolver las dependencias del módulo NPM.
¿Cómo puedo hacer que esto funcione?