2017-07-19 1 views
8

J'ai googlé de nombreux sites mais je ne trouve pas de tutoriel qui fonctionne réellement pour le type de flux réagissant-natif.Comment installer le type de flux correctement pour réagir [email protected]+?

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

Mais il revient à Running Tests and Contributing, j'ai testé pour exécuter npm run flow mais ne fonctionne pas et encore une fois il ne dit pas comment le faire fonctionner. C'est peut-être une partie manquante dans la documentation réac-native.

Ce dont j'ai besoin, c'est de lancer correctement le flux avec reac-native. Auto-vérifier le débit chaque fois que je recharge la page avec ⌘R serait le meilleur.

Répondre

1

Essayez celui-ci:

Ajout de flux à React natif

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

Hope this helps!

+0

Vous avez déjà essayé? C'était pour [email protected], mais maintenant c'est [email protected]+. J'ai essayé mais j'ai échoué avant de poster cette question. Si vous avez essayé avec succès s'il vous plaît laissez-moi savoir comment – Val

+0

En fait, j'étais sur le point de commencer avec le débit et ce fut la recommandation d'un ami qui l'a déjà fait récemment. Donc j'ai pensé que je vous recommanderais aussi bien. –

3

Je viens de terminer la moitié de notre projet par flux et nous utilisons RN 0.44.0. La partie difficile est: voulez-vous également connaître les erreurs à l'intérieur de node_modules, quelqu'un dit que ces erreurs sont utiles.

Quoi qu'il en soit, je désactiver l'erreur dans node_modules, et voici mon .flowconfig:

[ignore] 

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

[libs] 
./flowLibs.js 
[lints] 
[options] 
unsafe.enable_getters_and_setters=true 

Vous devez installer le flux d'abord si vous pas configuré correctement,

npm install --save-dev flow-bin 

et dirige cet en vous racine du projet après l'installation:

npm run flow init 

Si npm run flow init ne fonctionne pas, il suffit d'ajouter "flow": "flow" dans les scripts npm. Après init, placez mon .flowconfig dans le fichier .flowconfig du projet.

Ensuite, créez un fichier js flowLibs.js et si npm run flow check cause de votre toute erreur comme Module_Name. Required module not found

Ecrivez ce code dans flowLibs.js:

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

Après cela, vous devriez être bon d'aller avec votre projet maintenant.

BTW, n'oubliez pas d'ajouter //@flow sur le haut du fichier que vous souhaitez vérifier.

+0

Merci pour votre réponse, même si cela n'a pas beaucoup aidé, cela me donne une direction pour trouver une autre solution. vérifier si cela vous aide https://stackoverflow.com/a/45790088/681830 – Val

+0

Merci encore, vous méritez la prime! – Val

3

J'ai trouvé flowtype intégré avec [email protected]+.

Pour réagir natif document, je pense qu'ils devraient au moins dire flowtype est déjà construit et pour le reste le document ex. Testing Your [email protected], il ne fonctionnera pas sans flow-bin, ils devraient mentionner aussi.

Pour faire un flowtype de la meilleure utilisation, je l'utilise avec Visual Studio Code.

Étapes:

  1. Installer 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 de l'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 flowtype installé avec un résultat visuel avec chaque coup clé:

enter image description here