我正在尝试学习 React,我的目标是使用 HTML 而不是控制台/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 运行这个文件,而不是用网络服务器提供文件。
最佳答案
“如果文件因失效而无法运行,Firebug 将不会显示已加载的 javascript 文件。修复 JS,修复问题。” Source
关于javascript - <head> 使用浏览器打开时不加载脚本,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34192609/