如何将流程类型添加到弹出的create-react-app？

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

您所链接的文档告诉您如何安装流箱并制作配置文件，但不告诉您如何启动它。
流是单独的工具，应通过自己的命令启动（取决于您要如何运行）：

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