react-native - 与流服务器的连接已关闭。查看输出以获取更多信息

Question

我在 vscode 上使用 React Native 时收到此错误消息。有办法解决吗？

[Error - 2:57:25 PM - MyRealmApp\.flowconfig] Error loading flow using option 'useNPMPackagedFlow'
Pkg flow-bin not found in c:\Users\ReactNativeProjects\MyRealmApp
[Error - 2:57:25 PM - MyRealmApp\.flowconfig] Error loading flow using option 'pathToFlow'
'flow' not found
[Info  - 2:57:25 PM - MyRealmApp\.flowconfig] Falling back to bundled flow.
[Info  - 2:57:27 PM - MyRealmApp\.flowconfig] Using flow 'c:\Users\.vscode\extensions\flowtype.flow-for-vscode-1.9.2\node_modules\flow-bin\flow-win64-v0.107.0\flow.exe' (v0.107.0)
.flowconfig:28 Unsupported option specified! (format.bracket_spacing)
[Error - 2:57:28 PM] Connection to server got closed. Server will not be restarted.

Answer 1

基本上这个问题是由于没有安装与项目的 .flowconfig 中声明的相同版本的 flow-bin。

现在您需要做的就是在您的 VS Code 中保持项目当前 .flowconfig 的一致性。

怎么做？

1. 您只需执行以下操作即可解决您的问题。如果您没有 yarn，请使用 npm 代替 yarn。

yarn global add flow-bin@version
npm run ios or npm run android

1. 以上将帮助您解决问题，但您始终必须检查它们是否指向同一版本。为了稳定地修复它，您可以执行以下操作:

• 在您的 VS Code 设置中，您需要将 flow.pathToFlow 指向您的工作区 node_module:

// settings.json
{
  "flow.pathToFlow": "${workspaceFolder}/node_modules/.bin/flow",
}

• ${workspaceFolder} 是 VS Code 提供的一个特殊变量，它始终指向当前项目文件夹。您可以在 variables reference 中找到它官方文档页面。

• 您可以更喜欢使用本地 Flow 模块，因为这样您可以确保在 .flowconfig 中安装的版本和配置的版本始终匹配，即使您切换项目也是如此。

1. 有一个额外的设置:flow.useNPMPackagedFlow，只需将其设置为true即可完成(无需更改flow.pathToFlow)