用浏览器打开时不加载脚本

时间:2015-12-10 02:16:06

标签: javascript html html5 reactjs

我正在尝试学习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>

React代码基本上是在线示例的逐字记录,CDN链接应该正确加载库。

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

为什么会发生这种情况有什么好理由吗?有一件事是我只是使用Chrome运行此文件而不是使用网络服务器提供该文件。

1 个答案:

答案 0 :(得分:2)

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