Migrando o React ES6 para o TypeScript: as instruções de importação não funcionam
Eu tenho um projeto React atualmente escrito no ES6 que estou migrando para o TypeScript. Estou tendo problemas com oimport
afirmações.
Atualmente, com o ES6, instalei as dependências do React usando o NPM, exnpm install react
e use o Babel com o Browserify para criar um pacote configurável de saída do ES5. (Usar o Browserify não é um requisito, estou apenas tentando fazer com que o TS trabalhe com o projeto.)
Um arquivo típico do React ES6 se parece com o seguinte:
import React from "react"
import {Router, Route, Link} from "react-router"
import Button from "./components/Button"
export default class App extends React.Component {
render(){
// ...
}
}
Mudando para TS, eu instaleid.ts
arquivos para todas as minhas dependências React usandotsd install react/
, defina TSCmodule: "commonjs"
ejsx: "react"
, converteu alguns arquivos de*.jsx
para*.tsx
e recebo esses erros de compilação noimport
afirmações:
Erro: (1, 8) TS1192: O módulo '"react"' não possui exportação padrão.
oimport Button
A instrução não dá erro. Parece que o TSC não consegue resolver as dependências do módulo NPM.
Como posso fazer isso funcionar?