ReactJS: «Uncaught SyntaxError: неожиданный токен <»
Я пытаюсь начать создание сайта в ReactJS. Однако, когда я попытался поместить свой JS в отдельный файл, я начал получать эту ошибку: «Uncaught SyntaxError: Неожиданный токен <».
Я пытался добавить/** @jsx React.DOM */
к началу файла JS, но это ничего не исправило. Ниже приведены файлы HTML и JS. Любые идеи относительно того, что идет не так?
HTML
<html>
<head>
<title>Page</title>
<script src="http://fb.me/react-0.12.2.js"></script>
<script src="http://fb.me/JSXTransformer-0.12.2.js"></script>
<script src="http://code.jquery.com/jquery-1.10.0.min.js"> </script>
<script src="./lander.js"> </script>
</head>
<body>
<div id="content"></div>
<script type="text/jsx">
React.render(
<Lander />,
document.getElementById('content')
);
</script>
</body>
</html>
JS
/**
* @jsx React.DOM
*/
var Lander = React.createClass({
render: function () {
var info = "Lorem ipsum dolor sit amet... ";
return(
<div>
<div className="info">{info}</div>
</div>
);
}
});
РЕДАКТИРОВАТЬ: я понял, что мне нужно добавитьtype="text/jsx"
к тегу сценария, который включает в себя мой код. Однако после добавления и перезагрузки я получаю это предупреждение
«Вы используете преобразователь JSX в браузере. Обязательно предварительно скомпилируйте свой JSX для производства -http://facebook.github.io/react/docs/tooling-integration.html#jsx"
с последующей ошибкой:
«XMLHttpRequest не может загрузить файл: ///Users/.../lander.js. Запросы перекрестного происхождения поддерживаются только для схем протоколов: http, data, chrome-extension, https, chrome-extension-resource.»
Кажется, что-то еще, что мне нужно сделать, чтобы в браузере работало преобразование jsx, но я не уверен, что это такое.
РЕДАКТИРОВАТЬ: OOOOH мне нужно разместить его с помощью MAMP или что-то?