webentwicklung-frage-antwort-db.com.de

Kann erstellen-reagieren-App mit TypeScript verwendet werden

Kann TypeScript mit der create-react-App verwendet werden? Wenn ja, wie würden Sie es machen?

44
Dave Ford

Du kannst es so machen:

create-react-app my-app --scripts-version=react-scripts-ts

Siehe https://github.com/wmonk/create-react-app-TypeScript

Hierzu ist kein Auswerfen erforderlich.

49
levito

Dies ist der Weg zu gehen:

# update create-react-app first
npm update -g create-react-app 
create-react-app my-app --TypeScript

Create React App v2.1. unterstützt jetzt TypeScript, sodass Sie die Gabel react-scripts-ts Nicht mehr auswerfen oder verwenden müssen.

Oder Sie können TypeScript zur vorhandenen App hinzufügen :

yarn add TypeScript @types/node @types/react @types/react-dom @types/jest
# or
npm install --save TypeScript @types/node @types/react @types/react-dom @types/jest  

benennen Sie dann .js - Dateien in .tsx - Dateien um, um TypeScript zu verwenden.

Beachten Sie, dass beim Ausführen der App eine tsconfig.json für Sie erstellt wird. Sie können tsconfig.json mit Ausnahme von einige Optionen bearbeiten.

Credits:

[1] Vincent antworte

[2] migriere erstelle reagiere App TypeScript post

19
Tan Duong

TypeScript ist ab sofort in der Create-React-App-Version 2.1 verfügbar!

Du kannst es jetzt so benutzen ( wie hier gezeigt ): npx [email protected] app-name --scripts-version=2.0.6-next.c662dfb0 --TypeScript

7
Martin

Ich habe eine Feature-Anfrage in den Github-Ausgaben für die create-react-app gepostet und hier die Antwort:

Hallo! Wir sind noch nicht so weit, TypeScript in Betracht zu ziehen (siehe # 142 für Updates). Wir haben unsere Flow-Integration noch nicht abgeschlossen (was wir als erste Option für die Typensicherheit vorschlagen werden).

Außerdem laufen gerade wirklich interessante Dinge. Siehe babel/babylon # 320 und babel/babylon # 444. Möglicherweise wird TypeScript bald von Babylon analysiert (und von Babel kompiliert). Microsoft hat Interesse daran und arbeitet auch selbst an einem WIP.

Diese Überlegung ist wohl noch einige Monate hin. Es tut uns leid!

Obwohl von uns nicht empfohlen, gibt es einen CRA-Zweig, der TypeScript unterstützt. Wir können keinen Support anbieten, wenn es bei Ihnen nicht funktioniert, aber es sollte!

Ich bin nicht sicher, wie ich das mit Levitos Reaktion in Einklang bringen soll.

Hier ist der Link zur Github-Ausgabe:

https://github.com/facebookincubator/create-react-app/issues/1998#issuecomment-2953111

2
Dave Ford

Sie können Ihre App auch mit diesem Starter ( https://github.com/vtereshyn/react-TypeScript-eslint-starter ) erstellen.

Es wird keine Create-React-App verwendet, die vollständig anpassbar und änderbar ist. Da es mit der create-react-app in einigen Fällen schwierig sein wird, etwas hinzuzufügen ...

0