Javascript Requirejs模块未加载_Javascript_Jquery_Web Services_Requirejs_Shim

Javascript Requirejs模块未加载

javascript jquery web-services requirejs

Javascript Requirejs模块未加载,javascript,jquery,web-services,requirejs,shim,Javascript,Jquery,Web Services,Requirejs,Shim,我正在尝试运行一个简单的Requirejs应用程序： js/app.js如下： requirejs.config({ "baseUrl": "js/lib", "paths": { "app": "../app", "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min", "highstock": "http://code.highcha

我正在尝试运行一个简单的Requirejs应用程序：

js/app.js

如下：

   requirejs.config({
    "baseUrl": "js/lib",
    "paths": {
        "app": "../app",
        "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min",
        "highstock": "http://code.highcharts.com/stock/highstock"
    },
    shim: {
        "highstock": {
            "exports": "Highstock",
            "deps": ["jquery"]
        }
    }
});

// Load the main app module to start the app
requirejs(["app/main"]);

define(["jquery", "highstock"], function($, Highstock) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        console.log("Hello");
    });
});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>App</title>
    <script data-main="js/app" src="js/lib/require.js"></script>
</head>
<body>

</body>
</html>

js/app/main.js

如下：

   requirejs.config({
    "baseUrl": "js/lib",
    "paths": {
        "app": "../app",
        "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min",
        "highstock": "http://code.highcharts.com/stock/highstock"
    },
    shim: {
        "highstock": {
            "exports": "Highstock",
            "deps": ["jquery"]
        }
    }
});

// Load the main app module to start the app
requirejs(["app/main"]);

define(["jquery", "highstock"], function($, Highstock) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        console.log("Hello");
    });
});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>App</title>
    <script data-main="js/app" src="js/lib/require.js"></script>
</head>
<body>

</body>
</html>

app.html如下：

   requirejs.config({
    "baseUrl": "js/lib",
    "paths": {
        "app": "../app",
        "jquery": "http://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min",
        "highstock": "http://code.highcharts.com/stock/highstock"
    },
    shim: {
        "highstock": {
            "exports": "Highstock",
            "deps": ["jquery"]
        }
    }
});

// Load the main app module to start the app
requirejs(["app/main"]);

define(["jquery", "highstock"], function($, Highstock) {
    //the jquery.alpha.js and jquery.beta.js plugins have been loaded.
    $(function() {
        console.log("Hello");
    });
});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>App</title>
    <script data-main="js/app" src="js/lib/require.js"></script>
</head>
<body>

</body>
</html>


应用程序

当我运行此命令时，我可以看到jQuery已正确加载，因为它正在控制台上打印

Hello

。当我检查一个

Highstock

对象是否已加载时，它表示该对象未定义。我想我的加载是正确的，所以有人知道可能是什么错误吗？

在jquery加载完成后加载require.jslibrary@JqueryKing但是jQuery应该通过require.jsi加载，我不知道Highstock插件，但是我在它的精简代码中没有看到它在任何地方设置了“Highstock”变量。在类似的情况下，对我有效的是在require config-init:function（）中使用“init”键（{return{Highstock:Highstock}；）