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:
react-scripts-ts
tsconfig.json
, tsconfig.test.json
, tslint.json
du dossier temporaire src du projet dans le dossier src
de votre projet.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?
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.
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.
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 .