我是新手,需要js并在创建我们的第一个时遇到这个奇怪的问题:
以下是主页:index.html
<html>
<head lang="en">
<meta charset="UTF-8">
<title>My first JS app using require</title>
</head>
<body>
<strong> This is my first require js app</strong>
<span id="output"></span>
</body>
<script data-main="js/main" src="js/lib/require.js"></script>
</html>
main.js
如下:
require(['lib/jquery','app/message'],function($,message){
$('#output').html(message);
});
message.js
如下:
define(function(){
return "Message from message.js";
});
当我在浏览器上运行index.html时,main.js中的$是未定义的。它不会在控制台上产生任何其他错误。此外,所有文件都已成功加载(通过浏览器中的“网络”选项卡确认)。
如果我将main.js更改为如下:
require(['jquery','app/message'],function($,message){
$('#output').html(message);
});
因此将jquery.js放在适当的目录中,一切正常。
我无法弄清楚原因。请有人帮忙吗?提前谢谢。