gpt4 book ai didi

javascript - 如何摆脱 ReactJs 中的 "Uncaught SyntaxError: Unexpected token <"?

转载 作者:行者123 更新时间:2023-11-29 10:38:03 24 4
gpt4 key购买 nike

刚开始使用我的 ReactJS 并在第一次尝试时卡住了。我有一个非常基本的代码,它会抛出“Uncaught SyntaxError: Unexpected token <”。

index.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 脚本的类型属性,这样浏览器就不会尝试将它们作为 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/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com