2016-12-01 6 views
0

В настоящее время я использую deepstream с nodejs. Прямо сейчас, я следую учебнику здесь, чтобы использовать его в новой библиотеке: deepstream tutorialNodejs: ожидаемое выражение, получено '<'

Однако, я получаю сообщение об ошибке, как только я закончу часть файла RenderDOM. Вот текущий код:

<!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> 

Ошибка появляется в этой линии в визуализации: функции: «входное значение»

+0

@ T.J.Crowder это предполагает, что вы прошли через https://deepstream.io/tutorials/core/getting-started-quickstart/ первый. Но да, совершенно не так ясно, как могло бы быть – xShirase

+0

Я сделал эту часть. Но это вводит библиотеку React of deepstream.io-tools-react. Из моего понимания DOM эта строка должна быть правильной, но это означает, что это не проблема с линией, а что-то еще. – Cdore

+0

Да, это серверная вещь, случается, когда она получает HTML при ожидании JS. не может помочь вам в этом конкретном случае, удачи! – xShirase

ответ

0

У вас не хватает зависимостей, необходимых для React. Прямо сейчас, что ошибка появляется из-за недопустимых символов, найденных в вашем javascript. Эти персонажи являются частью метаязыка React, называемого JSX.

В учебнике предполагается, что вы установили это. Есть два варианта для вас:

  1. Использования Webpack для предобработки вашего кода таким образом, что все JSX преобразуются в соответствующую JavaScript

  2. нагрузка в трансформаторах браузера. Смотрите этот учебник для получения дополнительной информации - https://www.sitepoint.com/getting-started-react-jsx/

Я рекомендую идти с № 2, так как это требует меньше настроек.