我正试图开始在ReactJS中建立一个网站.然而,当我试图将我的JS放在一个单独的文件中时,我开始收到这个错误:"unauget SyntaxError:Underful Token<;".
我try 在JS文件的顶部添加/** @jsx React.DOM */
,但没有修复任何问题.下面是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>
);
}
});
编辑:我意识到我需要在包含着陆器代码的script标记中添加type="text/jsx"
.但是,在添加此文件并重新加载后,我收到以下警告
"您正在使用浏览器内的JSX转换器.请确保为Production-http://facebook.github.io/react/docs/tooling-integration.html#jsx预编译您的JSX."
后跟此错误:
"XMLHttpRequest无法加载资源跨源请求仅支持以下协议方案:HTTP、DATA、Chrome-Extension、HTTPS、Chrome-Extension-file:/Users/./lander.js.."
似乎我还需要做一些其他事情才能使浏览器JSX转换正常工作,但我不确定是什么.
编辑:哦,我需要用MAMP或其他什么来主持吗?