小编Mar*_*ska的帖子

我正在玩React,我遇到了离线JSX编译器的问题.

这是我的JSX代码,名为helloworld.js,放在我项目根目录下名为src的文件夹中:

/** @jsx React.DOM */

var Hello = React.createClass({
    render: function () {
        return <div>
                <h3>Hello, {this.props.name}</h3>
            </div>
    }
});

React.renderComponent(
    <Hello name={"Jane Doe"} />,
    document.getElementById('example')
);

在命令行中,当我导航到项目的根目录并运行时:

jsx /src /build

输出文件helloworld.js在build文件夹中生成,但它不包含有效的JavaScript.

以下是内容的外观:

/** @jsx React.DOM */

var Hello = React.createClass({displayName: "Hello",
    render: function () {
        return <div>
                <h3>Hello, {this.props.name}</h3>
            </div>
    }
});

React.renderComponent(
    <Hello name={"Jane Doe"} />,
    document.getElementById('example')
);

如您所见,它仍然包含内联HTML而不是有效的JavaScript.命令行中没有错误迹象.它看起来像这样:

built Module("helloworld")
["helloworld"] 

有谁知道为什么会发生这种情况？