刚刚开始我的 ReactJS 并坚持我的第一次尝试。我有一个非常基本的代码,它抛出“Uncaught SyntaxError: Unexpected token
索引.html
<!doctype html>
<head>
<title>My first ReactJs</title>
</head>
<body>
<div id="container"></div>
<script src="react.js"></script>
<script src="script.jsx"></script>
</body>
</html>
脚本.jsx
var MessageButton = React.createClass({
render: function(){
return (
<button>Hello World</button>
);
}
});
React.render(<MessageButton/>, document.getElementById("container"));
假设它可能缺少 JSX 转换器库,我搜索了它但在任何地方都找不到下载。我大部分时间都离线工作,所以我不想使用 plunkr 或 jsbin。可以做一些帮助。
最佳答案
第一:指定 JSX 脚本的 type 属性,这样浏览器就不会尝试将它们作为 JavaScript 执行。
<script type="text/jsx" src="script.jsx"></script>
第二:
任何一个:
加载 JSXTransformer 脚本(需要 older version of React )
或者
使用 Babel 编译 JSX:
取自 the docs 的示例:
babel --presets react src --watch --out-dir build
关于javascript - 如何摆脱 ReactJs 中的 "Uncaught SyntaxError: Unexpected token <"?,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/33647235/