javascript - 同构 react ，意想不到的 token <

Question

我将应用程序重建为同构方法。在我的本地环境中一切正常(本地和在线 Node 版本相同)但不幸的是，将文件上传到我的网络服务器后，我收到以下错误消息:

SyntaxError: .../index.js: Unexpected token (74:62)
  72 |                       friends: friends
  73 |                     }
> 74 |                     var reactString = ReactDOM.renderToString(<IndexApp {...props}/>)
                                                                     ^

这直接指向<IndexApp..中的<

我的要求列表如下:

var React = require('react')
var ReactDOM = require('react-dom/server')

var IndexApp = require('../public/js/build/components/IndexApp').default
var PostApp = require('../public/js/build/components/PostApp').default

我找不到任何合适的解决方案。我很高兴感谢任何提示。谢谢。

Answer 1

您需要将 jsx 转换为 javascript。您可以使用 Babel 来做到这一点，类似

babel my-file.js --presets React -o output.js