Javascript <；头>；使用浏览器打开时不加载脚本_Javascript_Html_Reactjs

Javascript <；头>；使用浏览器打开时不加载脚本

javascript html reactjs

Javascript <；头>；使用浏览器打开时不加载脚本,javascript,html,reactjs,Javascript,Html,Reactjs,我正在尝试学习React，我的目标是使用HTML而不是console/stdout呈现Mocha测试的一些结果。但是我对网络开发不是很在行我在HTML文件中有以下代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="https://cdnjs

我正在尝试学习React，我的目标是使用HTML而不是console/stdout呈现Mocha测试的一些结果。但是我对网络开发不是很在行

我在HTML文件中有以下代码：

<!DOCTYPE html>
<html lang="en">


<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.3/react-dom.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.8.23/browser.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

</head>


<body>

<script>


    var ContactItem = React.createClass({
        propTypes: {
            name: React.PropTypes.string.isRequired,
        },

        render: function() {
            return (
                    React.createElement('li', {className: 'Contact'},
                            React.createElement('h2', {className: 'Contact-name'}, this.props.name)
                    )
            )
        }
    });

    var element = React.createElement(ContactItem, {name: "James K Nelson"});



</script>

<div id="react-app"></div>

</body>
</html>


标题
var ContactItem=React.createClass({
道具类型：{
名称：React.PropTypes.string.isRequired，
},
render:function（）{
返回(
React.createElement（'li'，{className:'Contact'}，
React.createElement（'h2'，{className:'Contact name'}，this.props.name）
)
)
}
});
var element=React.createElement（ContactItem，{name:“James K Nelson”}）；

React代码基本上是来自在线示例的逐字逐句，CDN链接应该正确加载库

我遇到的问题是，脚本标记中没有定义React

这有什么好的理由吗？一件事是，我只是用Chrome运行这个文件，而不是用Web服务器提供文件。

“如果文件因无效而无法运行，Firebug将不会显示加载的javascript文件。修复JS，修复问题。”

将脚本放在页面底部，但放在标记之前