未捕获的TypeError:在使用babel编译JSX代码时无法读取未定义的属性'keys'

时间:2017-07-31 08:24:50

标签: javascript reactjs jsx

我试图运行我的第一个反应代码但是当我刷新页面时没有任何显示。

这就是我的html的样子:

<!DOCTYPE html>
    <html>
    	<head>
    		<title>React course</title>
    		<meta charset="utf-8">
    		<meta name="viewport" content="width=device-width, initial-scale=1">
    		<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.js"></script>
    	</head>
    	<body>
    
    		<div id="example"></div>
    
    		<script type="text/babel">
    			ReactDOM.render(<h1>Hi, my name is Sidney</h1>, document.getElementById('example'));
    		</script>
    
    	</body>
    </html>

我可能在做什么? 希望你能帮忙

2 个答案:

答案 0 :(得分:0)

我在#stackoverflow上发现,你的babel版本有问题。查看此demo,使用以前版本的babel

offers

答案 1 :(得分:0)

您需要此版本的Babel来转换您的JSX代码:

q = condition ? q.OrderBy(..) : q.OrderByDescending(..)