我正在将RequireJS集成到CMS中,因此我将其放在我的页面模板的底部:
{Placeholder1}
{Placeholder2}
然后在每个页面上,我想创建一个利用RequireJS的功能.所以我试着把它放在页面的底部:
Home
require([
'jquery',
'utils',
'slider'
], function ($, utils, slider) {
slider.start();
});
但是我在jquery,utils和slider js文件上得到404.看来我没有看到我的main.js配置:
require.config({
paths: {
jquery: 'libs/jquery-1.8.1.min',
utils: 'libs/utils',
slider: 'libs/jquery.slider.min'
},
shim: {
slider: ['jquery']
}
});
require([ 'utils' ], function (utils) {
utils.init();
});
我尝试在页头中加载RequireJS和main,但结果不一致.有时候,jquery,utils和slider将会及时加载,而其他时候不会.就像页面底部的内联“require”并不知道页面上的主要RequireJS或依赖关系规则,但是我的断点在main.js中命中,所以我知道它正在被调用.是因为main.js异步加载,但页面底部的内联“require”块被加载在页面渲染上?如何解决这个问题?
我以前使用了RequireJS,但没有CMS.我总是使用“define”,并且模块总是以非同步方式调用,但是从未像这样内联调用RequireJS函数.有什么想法可以正确的做这个吗?