Wie installiere ich den Flusstyp korrekt für react [email protected]+?
Ich habe viele Sites gegooglet, aber ich kann kein Tutorial finden, das tatsächlich für reactive-native + -Flows funktioniert.
Es gab einen Fließinstallationsleitfaden von [email protected] Dokument, aber es ist in [email protected] verschwunden.
Aber es kommt wieder in Tests ausführen und beitragen Ich habe getestet, um npm run flow auszuführen, funktioniert aber nicht und es sagt auch nicht, wie es funktioniert. Es ist möglicherweise ein fehlender Teil innerhalb der reaktionsnativen Dokumentation.
Was ich brauche, ist, den Fluss korrekt mit react-native auszuführen. Überprüfen Sie den Fluss jedes Mal automatisch, wenn ich die Seite mit ⌘R neu lade.
3 Antworten
Ich habe gerade die Hälfte unseres Projekts mit Flow abgedeckt und wir verwenden RN 0.44.0.
Der schwierige Teil ist: Willst du auch Fehler innerhalb von node_modules wissen, sagt jemand, dass diese Fehler hilfreich sind.
Wie auch immer, ich deaktiviere den Fehler in node_modules, und hier ist mein .flowconfig:
%Vor%Sie sollten zuerst den Flow installieren, wenn Sie nicht richtig eingerichtet haben,
%Vor%und führen Sie dies auch in Ihrem Projekt root nach der Installation:
%Vor% Wenn npm run flow init nicht funktioniert, fügen Sie einfach "flow": "flow" in npm-Skripten hinzu.
Fügen Sie nach der Initialisierung mein .flowconfig in Ihr Projekt .flowconfig file ein.
Dann erstellen Sie eine js-Datei flowLibs.js und wenn npm run flow check Ihren Fehler wie Module_Name. Required module not found
Schreibe Code in flowLibs.js :
Danach solltest du gut sein, jetzt mit deinem Projekt zu gehen.
BTW, nicht vergessen, add //@flow am Anfang der Datei, die Sie Typ überprüfen möchten.
Ich habe festgestellt, dass der Fließtyp mit [email protected] + integriert ist.
Für ein reaktives natives Dokument sollte es meiner Meinung nach zumindest sagen, dass Fließtyp bereits eingebaut ist. Und für das restliche Dokument ex: Testen Sie Ihre Änderungen @ flow , es funktioniert nicht ohne flow-bin , sie sollten das auch erwähnen.
Um den Fließtyp am besten zu nutzen, verwende ich ihn mit Visual Studio Code.
Schritte:
- Installiere
flow-binglobal, umnpm i flow-bin -g. Stellen Sie sicher, dass Ihr Terminal auf den Befehlflowreagiert. - Installieren Sie die vscode Ablauferweiterung .
- Setzen Sie die VSCODE-Arbeitsbereichspriorität auf
"javascript.validate.enable": false, um die standardmäßige JavaScript-Validierung zu deaktivieren, damit die Flussvalidierung stattfinden kann. Um auf die vscode-Präferenz zuzugreifen,ALT+F,P,Sfür Windows,⌘+,für mac.
Dann haben Sie den Fließtyp mit einem visuellen Ergebnis bei jedem Tastendruck installiert:
Tags und Links react-native flowtype react-native-0.46