我正在尝试开始使用 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。跨源请求仅支持以下协议(protocol)方案:http、data、chrome-extension、https、chrome-extension-resource。”
为了让浏览器 jsx 转换正常工作，我似乎还需要做一些其他事情，但我不确定它是什么。
编辑:哦哦，我需要使用 MAMP 或其他方式来托管它吗？
最佳答案
更新—— 改用这个:
<script type="text/babel" src="./lander.js"></script>
添加 type="text/jsx" 作为 script 标签的属性，用于包含必须由 JSX Transformer 转换的 JavaScript 文件，如下所示:
<script type="text/jsx" src="./lander.js"></script>
然后您可以使用 MAMP 或其他一些服务在本地主机上托管该页面，以便所有包含项都能正常工作，如所讨论的 here .
感谢大家的帮助!
关于javascript - ReactJS: "Uncaught SyntaxError: Unexpected token <"，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28100644/