使用新的React Native App安装Flow

Question

我正在尝试使用React Native应用程序开始使用Flow，但是我总是收到一个错误，指出Node_module没有正确配置为Flow。

在.flowconfig中，最终我添加了一行，以忽略node_module下的所有内容，但这给了我一个错误，即找不到“ react native”

>     Spawned flow server (pid=70665)
>     Logs will go to /private/tmp/flow/zSUserszSaxxxzSWorkspacezSprojectzSAwesomeProject.log
>     Monitor logs will go to /private/tmp/flow/zSUserszSaxxxzSWorkspacezSprojectzSAwesomeProject.monitor_log
>     Error ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
> App.js:3:40
>     
>     Cannot resolve module react-native.
>     
>          1│ /* @flow */
>          2│ import React from 'react';
>          3│ import { StyleSheet, Text, View } from 'react-native';
>          4│
>          5│ export default class App extends React.Component {
>          6│   render() {
> 
> Error
> ┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈
> App.js:5:34
> 
> Cannot use property Component [1] with less than 1 type argument.
> 
>      App.js
>       2│ import React from 'react';
>       3│ import { StyleSheet, Text, View } from 'react-native';
>       4│
>       5│ export default class App extends React.Component {
>       6│   render() {

在新的RN应用中安装Flow的正确方法是什么

create-react-native-app AwesomeProject

cd AwesomeProject
npm开始

Answer 1

有麻烦...当您将node_modules标记为被流忽略时，您会阻止libs的流优化...我想可以与node_modules内部的一些错误协调，并希望它将由libs owner修复=）

Answer 2

有几个步骤...

1. 使用流类型的存储库为node_modules包安装流库定义（“ libdefs”）
2. 在您的.flowconfig ，忽略一些其他react-native软件包。 我使用Expo，因此您可能不需要所有这些：

就像是...

[ignore]    
      <PROJECT_ROOT>/node_modules/editions
      <PROJECT_ROOT>/node_modules/npm
      <PROJECT_ROOT>/vendor/bundle

      ; Ignore various node_modules for react-native
      <PROJECT_ROOT>/frontend/native/node_modules/react-native-gesture-handler/.*
      <PROJECT_ROOT>/frontend/native/node_modules/react-native/.*
      <PROJECT_ROOT>/frontend/native/node_modules/expo/.*
      <PROJECT_ROOT>/frontend/native/node_modules/react-navigation/.*
      <PROJECT_ROOT>/frontend/native/node_modules/xdl/.*
      <PROJECT_ROOT>/frontend/native/node_modules/reqwest/.*
      <PROJECT_ROOT>/frontend/native/node_modules/metro-bundler/.*
      <PROJECT_ROOT>/frontend/native/node_modules/metro/.*

还有一些社区的定义反应过来本地流量类型的浮动周围像这一个 ，但我发现它更多的车比它的价值，只是any所有的部件， 像这样 。 缺少类型定义根本没有伤害我。