Javascript 设置RequireJS时遇到问题_Javascript_Jquery_Requirejs

Javascript 设置RequireJS时遇到问题

javascript jquery requirejs

Javascript 设置RequireJS时遇到问题,javascript,jquery,requirejs,Javascript,Jquery,Requirejs,我正试图让一个基本的应用程序工作，但我有一些困难，有人能帮忙吗？我也在用拉威尔包含脚本 <body> @yield('content') <script data-main="{{ asset('/js/main.js') }}" src="{{ asset('/js/require.js') }}"></script> </body> main.js require(['config'], function() { d

我正试图让一个基本的应用程序工作，但我有一些困难，有人能帮忙吗？我也在用拉威尔

包含脚本

<body>
    @yield('content')
    <script data-main="{{ asset('/js/main.js') }}" src="{{ asset('/js/require.js') }}"></script>
</body>

main.js

require(['config'], function() {
    define(['jquery'], function($) {

        $(document).ready(function()
        {
            alert("test");
        });

    });
});

文件夹目录结构：

/public
-- /js
-- -- jquery-2.1.3.min.js
-- -- config.js
-- -- main.js
-- -- require.js

我得到的错误是：

Uncaught Error: Mismatched anonymous define() module: function () {
        alert("test");
    }

define（）。在您的例子中，它是require（）
包装器的子项
您的main.js
文件应该是配置文件。因为require.js将把它作为第一个任务加载到依赖项列表中，以便初始化并注入应用程序的其他依赖项
有两种方法可以做到这一点
使用单独的文件（喜欢你的方式）
main.js
require(['config'], function() {
    define(['jquery'], function($) {

        $(document).ready(function()
        {
            alert("test");
        });

    });
});

require.config({
baseUrl:“”，
路径：{
“jquery”：“jquery-2.1.3.min”，
“应用程序”：“主模块”
},
deps:'应用程序'
});

main_module.js
define（['jquery']，函数（$）{
$（文档）.ready（函数（）{
警报（“测试”）；
});
});

或将配置文件放入main.js。然后将代码写在里面
require.config({
baseUrl:“”，
路径：{
“jquery”：“jquery-2.1.3.min”
}
});
require（['jquery']，函数（$）{
$（文档）.ready（函数（）{
警报（“测试”）；
});
});