javascript - React JS应用- Uncaught SyntaxError :意外 token <

This question already has answers here:

ReactJS: “Uncaught SyntaxError: Unexpected token <”

                                    （8个答案）


                3年前关闭。



我的代码在<div>Hello World!</div>行上抛出语法错误

这是我的代码

<!DOCTYPE html>
<html>
<head>
    <script src="libs/react.min.js"></script>
    <script src="libs/react-dom.min.js"></script>
</head>
<body>
    <div id="main">

    </div>

<script>
    var MessageComponent = React.createClass({
        render: function() {
            return (

                <div>Hello World!</div>
            );
        }
    });

    ReactDOM.render(
        <MessageComponent message="Lorem" />,
        document.body
    );
</script>
</body>
</html>

可能是什么问题？

最佳答案

您正在使用JSX语法糖来构建您的UI组件，而浏览器对此并不了解。

您必须先将其转换为JS才能运行。

关于javascript - React JS应用- Uncaught SyntaxError :意外 token <，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/40617567/