我安装了模块(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 错误:解析文件 C:\dev\React.js\app.js:Deps.parseDeps (C:\ Users\admin\AppData\Roaming\npm\node_modules\browserify\node_modules\module-deps\index.js:481:28) 在 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:\Users\admin\AppData\Roaming\npm\node_modules\browserify\node_modules\concat-stream\index.js:36:43) 在 ConcatStream.emit (events.emit (events.js:91:20) 的emitNone (events.js:91:20)。 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 :
错误在哪里?
您的错误是尝试将 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。他们提供了很多很棒的额外开发工具,我认为更容易扩展,但这只是一个人的意见。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句