解决 Uncaught SyntaxError: Unexpected token ‘＜‘

最新推荐文章于 2024-03-21 13:12:43 发布

weixin_43478936

最新推荐文章于 2024-03-21 13:12:43 发布

阅读量990

点赞数

分类专栏： React 文章标签： javascript react

本文链接：https://blog.csdn.net/weixin_43478936/article/details/121973791

版权

React 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

解决 Uncaught SyntaxError: Unexpected token ‘<’

在写第一个React用例时候，代码如下：

<!--
 * @Descripttion: 
 * @Author: Rends7
-->
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>reactTest</title>
    <script src="https://unpkg.com/react@17/umd/react.production.min.js" rel="external nofollow"></script>
    <script src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js" rel="external nofollow"></script>
    <script src="https://unpkg.com/babel-standalone@6/babel.min.js" rel="external nofollow"></script>
</head>

<body>
    <div id="container"></div>
    <script type="text/javascript">
        class HelloMessage extends React.Component{
            render(){
                return <div>Hello {this.props.name}</div>;
            }
        }
        
        ReactDOM.render(
            <HelloMessage name="John" />,
            document.getElementById('container')
        );
    </script>
</body>

</html>

运行时候没结果，浏览器右键“检查”，在console中报错