ReactJS：“Uncaught SyntaxError：Unexpected token <”
我正在尝试开始在ReactJS中构建网站。 然而，当我试图把我的JS放在一个单独的文件中时，我开始出现这个错误：“Uncaught SyntaxError：Unexpected token <”。
我尝试将/** @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无法加载file：///Users/.../lander.js。交叉原点请求仅支持协议方案：http，data，chrome-extension，https，chrome-extension-resource。”
似乎有什么我需要做的，以便在浏览器jsx转换工作，但我不知道它是什么。
编辑：OOOOH我需要使用MAMP或东西来托管它吗？
将type="text/jsx"添加到用于包含必须由JSX Transformer转换的JavaScript文件的script标签的src attribue中，如下所示：
<script type="text/jsx" src="./lander.js"></script>
然后，您可以使用MAMP或其他服务在本地主机上托管该页面，以便所有包含内容都能正常工作，如此处所述。
谢谢各位的帮助！
JSTransform已弃用，请改用babel。
<script type="text/babel" src="./lander.js"></script>
将type="text/babel"添加为脚本标记的属性，如下所示：
<script type="text/babel" src="./lander.js"></script>
上一篇: ReactJS: "Uncaught SyntaxError: Unexpected token <"
下一篇: D3.js: "Uncaught SyntaxError: Unexpected token ILLEGAL"?