我很抱歉问这样一个具体的问题，但我正在编写一个简单的教程，它使用以下 HTML 介绍 React
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Hello Separate</title>
</script>
</head>
<body>
<h1>Hello Separate</h1>
<div id="app"></div>
</body>
</html>
还有一个脚本来创建 <p>在 div id ="app" 内使用 ReactDOM
ReactDOM.render(
<p>Rendered by React</p>,
document.getElementById("app")
)
I've provided the code in a fiddle here:
我不明白为什么会收到错误 Uncaught SyntaxError: Unexpected token <但认为它来自 ReactDOM.render功能，任何人都可以提供见解吗？谢谢!
最佳答案
您的代码有两个问题，
首先
您的脚本不正确。根据 docs ，你应该添加这些脚本，
<script src="https://unpkg.com/react@16/umd/react.development.js" crossorigin></script>
<script src="https://unpkg.com/react-dom@16/umd/react-dom.development.js" crossorigin></script>
<script src="https://unpkg.com/babel-standalone@6/babel.min.js"></script>
第二
可能你正在写你的 JS外部代码 JS文件。
来自文档，
Now you can use JSX in any
<script>tag by adding type="text/babel" attribute to it.
您需要添加此 script在你的HTML仅文件，
<script type="text/babel">
ReactDOM.render(
<p>Rendered by React</p>,
document.getElementById("app")
)
</script>
关于javascript - ReactDOM 未捕获语法错误 : Unexpected token <，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/57385785/