正在尝试学习 React.js 并且正在骑行。我在这里看到了很多类似的问题,并尝试了通过切换版本和更改语法(React 和 React.DOM,html 周围的括号)的解决方案,但没有运气。其他人也表示不再支持它。如果是这种情况,我不知道从这里该去哪里,因为我很新并且正在从旧教程中学习。任何帮助或见解都会有所帮助,谢谢。
<html>
<head>
<title>My First Component</title>
<script src="https://unpkg.com/react@15/dist/react.js"></script>
<script src="https://unpkg.com/react-dom@15/dist/react-dom.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/6.1.19/browser.min.js"></script>
<!--<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.24/browser.js"></script>-->
</head>
<body>
<div id="HelloMessage"></div>
<script type="text/babel">
var HelloMessage = React.createClass({
render: function(){
return <div>Hello World</div>;
}
});
React.render(
<HelloMessage />,
document.getElementById('HelloMessage');
);
</script>
</body>
</html>
给我类型错误:
最佳答案
这是因为,虽然你有babel-core
,您没有必要的preset-react
babel
的配置.
因此,babel
不知道如何处理jsx
.
例如:
return <div>Hello World</div>;
documentation将向您展示几种包含必要预设的方法。
关于javascript - 从 Babel browser.min.js 学习 React、TypeError,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42788668/