2017-04-14 87 views
2

我只是第一次获得流量设置,我正尝试在开源库上使用它。我试图使用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 
    ) 
); 
} 

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

回答

0

好吧,我应该刚刚审查文档更好。所不同的是微妙的,但同时,这并不工作:

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

这确实做:

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