Question

我们正在开发一个先前被驱逐的create-react-app，现在想要添加flowtype。

我们已遵循指南：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是分离的工具，应该通过自己的命令启动（取决于你想如何运行它）：

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

如何将flowtype添加到弹出的create-react-app？

1 个答案: