如何向弹出的创建-反应-应用程序添加流类型？

Question

我们正在处理以前弹出的create-react-app，现在希望添加流类型。

我们遵循的指南是：https://flow.org/en/docs/tools/create-react-app/

这应该适用于一个弹出的应用程序吗？

不幸的是，这导致与yarn start一起启动的webpack-dev服务器在文件更新时停止自动重新加载。

此外，在将// @flow添加到某些文件后，没有输出或显示流强制类型检查。

我们需要手动更新webpack的信任吗？

以下是package.json脚本

  "scripts": {
    "start": "node scripts/start.js",
    "build": "yarn build-client && yarn build-server",
    "build-client": "node scripts/build.js",
    "build-server": "./node_modules/.bin/webpack --config ./config/webpack.server.config.js",
    "test": "node scripts/test.js --env=jsdom",
  },

运行yarn start的输出是：

Compiled successfully!

You can now view cra in the browser.

  Local:            http://localhost:3000/
  On Your Network:  http://192.168.1.65:3000/

Note that the development build is not optimized.
To create a production build, use yarn build.

Answer 1

您所链接的文档告诉您如何安装flow-bin并创建配置文件，但没有告诉您如何启动它。

Flow是分开的工具，应该由自己的命令启动(取决于您想如何运行它)：

1. 如果要手动检查类型，则需要在package.js："example-comand-flow": "flow"的“脚本”部分添加npm命令。然后通过npm run example-comand-flow调用它，您将在运行脚本的终端上直接获得错误。
2. 如果您希望继续进行类型检查，则应该在IDE中找到如何配置它的手册。例如，在WebStorm中，您应该转到Preferences -> Languages & Frameworks -> JavaScript并将JavaScript language version设置为Flow并指定流可执行文件。