别鲍尔不输出流量评论

Question

我只是第一次获得流程设置，我正在尝试在开源库上使用它。我正在尝试使用babel-plugin-transform-flow-comments，以便图书馆的消费者可以从使用流量的情况下受益。

我目前只有一个文件注释，并且通过所有检查：

/* @flow */
import React from 'react'
export default function Checkbox({ input, label }: { input: Object, label: string }) {
  return (
    <div className="form-group checkbox">
      <label>
        <input type="checkbox" {...input} />
        {label}
      </label>
    </div>
  );
}

但是，当我运行compile任务时，我根本看不到任何流评论。我在DEV依赖项中列出了包：

"babel-plugin-transform-flow-comments": "^6.22.0",

我将其连接到.babelrc

  "plugins": ["transform-flow-comments"],
  "presets": ["flow", "es2015", "react", "stage-0"]

输出中没有一个注释：

"use strict";
Object.defineProperty(exports, "__esModule", {
  value: true
});
var _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; };
exports.default = Checkbox;
var _react = require("react");
var _react2 = _interopRequireDefault(_react);
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
function Checkbox(_ref) {
  var input = _ref.input,
      label = _ref.label;
  return _react2.default.createElement(
    "div",
    { className: "form-group checkbox" },
    _react2.default.createElement(
      "label",
      null,
      _react2.default.createElement("input", _extends({ type: "checkbox" }, input)),
      label
    )
  );
}

希望我错过了一些简单的东西？

Answer 1

好吧，我应该更好地审查文档。区别是微妙的，但虽然这不起作用：

export default function Checkbox({ input, label }: { input: Object, label: string }) {

这确实确实如此：

export default function Checkbox(props: { input: Object, label: string }) {