Question

刚刚开始我的ReactJS并且在第一次尝试时卡住了。我有一个非常基本的代码抛出“Uncaught SyntaxError：Unexpected token＆lt;”。

的index.html

onSetUp()

script.jsx

<!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变换器库，我搜索它但无法在任何地方找到下载。我大部分时间都在线下工作，所以我不想使用plunkr或jsbin。可以提供一些帮助。

Answer 1

首先：指定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

如何摆脱“Uncaught SyntaxError：Unexpected token＆lt;”在ReactJs？

1 个答案: