Wie installiere ich den Flow-Typ richtig für react [email protected]+?

Question

Ich habe viele Websites gegooglet, kann aber kein Tutorial finden, das tatsächlich für reactive-native + -Flows funktioniert.

Es gab Strömungsinstallationsanleitung von react-native@0.22 Dokument, aber es ist in react-native@0.46 gegangen.

Aber es kommt wieder in Running Tests and Contributing, ich habe getestet, um npm run flow laufen, aber nicht funktioniert und wieder sagt es nicht, wie man es funktioniert. Es ist möglicherweise ein fehlender Teil innerhalb der reaktionsbereiten Dokumentation.

Was ich brauche ist, um den Fluss richtig mit react-native laufen zu lassen. Auto-Check-Flow jedes Mal, wenn ich die Seite mit ⌘R laden würde wäre der beste.

Answer 1

Versuchen Sie dieses:

Fluss Hinzufügen Mutter

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

Hoffnung zu reagieren, das hilft!

Answer 2

Ich habe gerade die Hälfte unseres Projekts mit dem Fluss fertiggestellt und wir verwenden RN 0.44.0.

Der schwierige Teil ist: Willst du auch Fehler in node_modules wissen, sagt jemand, dass diese Fehler hilfreich sind.

Wie dem auch sei, sperre ich den Fehler in node_modules, und hier ist mein .flowconfig:

[ignore] 

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

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

Sie fließen zunächst richtig, wenn Sie nicht Setup installieren sollten,

npm install --save-dev flow-bin 

und auch diese laufen in Sie Projektwurzel nach der Installation:

npm run flow init 

Wenn npm run flow init nicht funktioniert, fügen Sie einfach "flow": "flow" in Npm-Skripten.

Nach init, setzen Sie meine .flowconfig in Ihrem Projekt .flowconfig Datei.

Erstellen Sie dann eine js Datei flowLibs.js und wenn npm run flow check Ihr einen Fehler verursachen, wie Module_Name. Required module not found

Schreiben Sie Code in flowLibs.js:

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

Danach sollten Sie gut gehen mit Ihnen jetzt projizieren.

BTW, vergessen Sie nicht hinzufügen //@flow auf der Oberseite der Datei, die Sie Typ überprüfen möchten.

Answer 3

Ich fand Flowtyp ist mit react-native@0.46+ eingebaut.

Für reagieren-native Dokument, ich glaube, sie zumindest sagen sollte flowtype ist bereits eingebaut und für den Rest Dokument ab. Testing Your Changes@flow, wird es nicht ohne flow-bin arbeiten, sollten sie das auch erwähnen.

Um Fließtyp der besten Verwendung zu machen, verwende ich es mit Visual Studio Code.

Schritte:

1. flow-bin global installieren, von npm i flow-bin -g. Stellen Sie sicher, dass Ihr Terminal auf den Befehl flow reagiert.
2. Installieren Sie vscode flow extension.
3. Setzen Sie die vsocode-Arbeitsbereichspriorität auf "javascript.validate.enable": false, um die standardmäßige JavaScript-Validierung zu deaktivieren, damit die Flussvalidierung stattfinden kann. Zugriff auf vscode Präferenz, ALT+F,P,S für Windows, ⌘+, für Mac.

dann haben flowtype Sie mit visuellem Ergebnis mit jedem Tastendruck installiert: