Migrating React ES6 nach TypeScript: Importanweisungen funktionieren nicht
Ich habe ein React-Projekt, das derzeit in ES6 geschrieben ist und zu TypeScript migriert wird. Ich habe Probleme mit demimport
Anweisungen.
Zurzeit habe ich mit ES6 React dependencies using NPM installiert, exnpm install react
, und verwenden Sie Babel mit Browserify, um ein Ausgabe-ES5-Bundle zu erstellen. (Die Verwendung von Browserify ist keine Voraussetzung, ich versuche nur, TS zum Arbeiten mit dem Projekt zu bringen.)
Eine typische React ES6-Datei sieht folgendermaßen aus:
import React from "react"
import {Router, Route, Link} from "react-router"
import Button from "./components/Button"
export default class App extends React.Component {
render(){
// ...
}
}
Umzug in TS, ich habe installiertd.ts
-Dateien für alle meine React-Abhängigkeiten mittsd install react/
, setze TSCmodule: "commonjs"
undjsx: "react"
, konvertierte ein paar Dateien von*.jsx
zu*.tsx
, und ich bekomme diese Kompilierungsfehler auf demimport
Anweisungen:
Error: (1, 8) TS1192: Modul "Reagieren" hat keinen Standardexport.
Dasimport Button
Anweisung gibt keinen Fehler. Es scheint, dass TSC die NPM-Modulabhängigkeiten nicht auflösen kann.
Wie kann ich das zum Laufen bringen?