Question

我安装了模块（browserify，react，reactify）并尝试使用browserify处理jsx文件。

＆＃13;

var React = require("react");
var App = React.createClass({
    render: function () {
        return <h1>111</h1>
    }
});
React.render(
    <App/>,
    document.body
)

＆＃13;

C：\ dev \ React.js＆gt; browserify app.js -o buld.js错误：解析文件 C：\ dev \ React.js \ app.js：意外的令牌（4:15）在Deps.parseDeps（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ module-deps \ index.js：481：28） at getDeps（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ module-deps \ index.js：414：40）在C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ module-deps \ index.js：398：32 在ConcatStream。（C：\用户\管理员\应用程序数据\漫游\ NPM \ node_modules \ browserify \ node_modules \的concat流\ index.js：36：43）在emitNone（events.js：91：20）在ConcatStream.emit（events.js：185：7）在finishMaybe（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ concat-stream \ node_modules \ readable-stream \ lib_stream_writable.js：475：14 ） at endWritable（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ concat-stream \ node_modules \ readable-stream \ lib_stream_writable.js：485：3）在ConcatStream.Writable.end（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ concat-stream \ node_modules \ readable-stream \ lib_stream_writ able.js：455：41）在DuplexWrapper.onend（C：\ Users \ admin \ AppData \ Roaming \ npm \ node_modules \ browserify \ node_modules \ readable-stream \ lib_stream_readable.js：570：10）

错误在哪里？

Answer 1

您的错误是尝试将JSX加载到browserfy编译器中的结果。

具体来说：

return <h1>111</h1>

和

<App/>,

您需要在解决方案链中包含重新设置：https://www.npmjs.com/package/reactify 那么你的CLI命令看起来会像这样： browserify -t reactify app.js -o build.js

作为做了很多React的人，你应该考虑使用Babel和Webpack。它们提供了许多非常好的额外开发工具，我认为更容易扩展，但这只是一个人的意见。

如何设置browserify？

1 个答案: