web-dev-qa-db-fra.com

Ajout de TypeScript à une application existante de création-réaction-application

J'ai des difficultés pour ajouter TypeScript à une application déjà existante create-react-app. Auparavant, je l'avais toujours ajouté avant de commencer le projet, simplement par create-react-app my-app --scripts-version=react-scripts-ts, mais cela ne fonctionne pas maintenant. 

La seule "solution" que j'ai trouvée ici est: 

  1. Créer un projet temporaire avec react-scripts-ts
  2. Copiez tsconfig.json, tsconfig.test.json , tslint.json du dossier temporaire src du projet dans le dossier src de votre projet.
  3. Dans package.json, remplacez toutes les références par react-scripts par react-scripts-ts dans la section des scripts.

Cela semble être une solution de contournement étrange et pas très efficace. Est-ce que quelqu'un sait s'il est possible de l'ajouter d'une meilleure façon? 

9
Lydia

Vous pouvez utiliser react-app-rewired pour ajouter TypeScript à la configuration Webpack de votre projet, qui constitue une meilleure alternative à l'éjection.

Si vous ne savez pas comment ajouter TypeScript à partir de là, voici un guide sur la procédure à suivre.

1
kingdaro

Il y a une demande d'extraction récente ajoutant TypeScript . Ce n'est pas encore fusionné.

De plus, la prochaine version majeure de CRA passera à Babel 7, qui prend en charge TypeScript.

Je vous suggère donc d'attendre quelques semaines. Il devrait être très facile d'ajouter TS à tout projet de l'ARC.

1
GG.

A partir de react-scripts 2.10, vous pouvez ajouter TypeScript à un projet existant ou lors de la création d'un nouveau projet.

projet existant

yarn add TypeScript @types/node @types/react @types/react-dom @types/jest

... puis renommez vos fichiers .js en .tsx

nouveau projet

yarn create react-app my-app --TypeScript

Vous pouvez en lire plus ici .

0
user1843640