2017-04-14 137 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 }) {