web-dev-qa-db-fra.com

Comment installer le type de flux correctement pour réagir [email protected]+?

J'ai consulté de nombreux sites sur Google mais je ne trouve pas de tutoriel qui fonctionne réellement pour le type de flux réactif-natif +.

Il y avait un guide d'installation de flux de [email protected] document, mais il est parti dans [email protected] .

Mais cela revient dans Exécution de tests et contribution , j'ai testé l'exécution de npm run flow mais ne fonctionnait pas et, encore une fois, il ne dit pas comment le faire fonctionner. C'est peut-être une partie manquante de la documentation native de react.

Ce dont j'ai besoin, c'est d'exécuter correctement le flux avec react-native. La vérification automatique du flux à chaque fois que je recharge la page avec ⌘R serait la meilleure solution.

react-nativeflowtypereact-native-0.46
10
Val

Je viens juste de terminer la moitié de notre projet par flux et nous utilisons RN 0.44.0.

La partie la plus délicate est la suivante: voulez-vous également connaître les erreurs dans node_modules? Quelqu'un dit que ces erreurs sont utiles.

En tout cas, je désactive l'erreur dans node_modules, et voici mon .flowconfig:

[ignore]

<PROJECT_ROOT>/node_modules/.*
<PROJECT_ROOT>/flowLibs.js
.....
[include]

[libs]
./flowLibs.js
.....
[lints]
[options]

Vous devriez installer Flow en premier si vous n’avez pas installé correctement,

npm install --save-dev flow-bin

et lancez également ceci dans votre projet racine après l’installation:

npm run flow init

Si npm run flow init ne fonctionne pas, ajoutez simplement "flow": "flow" dans les scripts npm.

Après l’initialisation, placez mon .flowconfig dans votre fichier de projet .flowconfig.

Créez ensuite un fichier js flowLibs.js et si npm run flow check vous causez une erreur telle que Module_Name. Required module not found

Notez le code dans flowLibs.js:

declare module 'Module_Name' {  declare var exports: any;  };

Après cela, vous devriez être prêt à partir avec votre projet maintenant.

BTW, n'oubliez pas d'ajouter //@flow en haut du fichier que vous voulez vérifier, tapez.

6
Tyreal Gray

J'ai trouvé flowtype est construit avec [email protected]+.

Pour le document réactif natif, je pense qu'ils devraient au moins dire que flowtype est déjà intégré. Et pour le reste du document, par exemple: Tester vos modifications @ flow , cela ne fonctionnera pas sans flow-bin, ils devraient mentionner cela aussi.

Pour optimiser le type de flux, je l’utilise avec Visual Studio Code.

Pas:

  1. Installez flow-bin globalement, par npm i flow-bin -g. Assurez-vous que votre terminal répond à la commande flow.
  2. Installez vscode flow extension .
  3. Définissez la préférence d'espace de travail vscode avec "javascript.validate.enable": false pour désactiver la validation javascript par défaut, afin que la validation du flux puisse avoir lieu . Pour accéder à la préférence vscode, ALT+F,P,S pour windows, ⌘+, pour mac.

alors vous avez installé le type de flux avec un résultat visuel à chaque coup de touche:

 enter image description here

4
Val

Essaye celui-là: 

Ajout de flux pour réagir natif

https://medium.com/react-native-training/getting-started-with-react-native-and-flow-d40f55746809

J'espère que cela t'aides!

1
A-J-A