刚刚开始我的 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/

10-13 04:47