Nodejs:预期的表达式,得到'<'



我当前使用nodejs使用deepstream。现在,我正在关注此处的教程,以便使用新图书馆:Deepstream教程

但是,完成文件的渲染部分后,我会遇到错误。这是当前的代码:

<!DOCTYPE html>
<html>
 <head>
<script src="deepstream.js"></script>
</head>
<body>
<input type="text" />
<script type="text/javascript">
    const deepstream = require('deepstream.io-client-js')
    const DeepstreamMixin = require('deepstream.io-tools-react')
    const client = deepstream('localhost:6020').login({}, () => {
      //ReactDOM.render call will go in here
      ReactDOM.render(
          <SyncedInput dsRecord="some-input" />,
          document.getElementById('example')
        )
        const SyncedInput = React.createClass({
          mixins: [DeepstreamMixin],
          setValue: function(e) {
            this.setState({value: e.target.value})
          },
          render: function() {
            return (
              <input value={this.state.value} onChange={this.setValue} />
            )
          }
        })
    })
    DeepstreamMixin.setDeepstreamClient(client)
</script>
</body>
</html>

在渲染函数:"输入值"

中,该错误显示在此行中。

您缺少React所需的依赖关系。目前,由于JavaScript中发现的无效字符,该错误正在出现。这些字符都是React的元语言JSX的一部分。

教程假设您已经设置了该教程。有两个选择:

  1. 使用WebPack预处理您的代码,以便将所有JSX转换为适当的JavaScript

  2. 在浏览器变压器中加载。有关更多信息,请参见本教程-https://www.sitepoint.com/getting-started-react-jsx/

我建议使用#2,因为这需要更少的设置。

相关内容

  • 没有找到相关文章

最新更新