如何设置浏览器？

Question

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

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

C:\dev\React.js>browserify app.js -o buld.js Error: Parsing file C:\dev\React.js\app.js: Unexpected token (4:15) at 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) at C:\Users\admin\AppData\Roaming\npm\node_modules\browserify\node_modules\module-deps\index.js:398:32 at ConcatStream. (C:\Users\admin\AppData\Roaming\npm\node_modules\browserify\node_modules\concat-stream\index.js:36:43) at emitNone (events.js:91:20) at ConcatStream.emit (events.js:185:7) at 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) at 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) at 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/>,

您需要在解析链中包含 reactify：https://www.npmjs.com/package/reactify 那么您的 CLI 命令将看起来像这样： browserify -t reactify app.js -o build.js

作为经常使用 React 的人，您应该考虑使用 Babel 和 Webpack。他们提供了很多很棒的附加开发工具，我认为更容易扩展，但这只是一个人的意见。

如何设置浏览器？

How to set up browserify?

javascript

preprocessor

npm

reactjs