Javascript 除非我重命名ui.bootstrap,否则使用require.js加载angular ui引导将失败?
代码摘要: main.js:Javascript 除非我重命名ui.bootstrap,否则使用require.js加载angular ui引导将失败?,javascript,angularjs,requirejs,angular-ui-bootstrap,js-amd,Javascript,Angularjs,Requirejs,Angular Ui Bootstrap,Js Amd,代码摘要: main.js: require.config({ paths: { 'uiBootstrap': '../lib/bootstrap/angular-bootstrap/ui-bootstrap-tpls.min' }, shim: {***}, priority: ['angular'], deps: [ './bootstrap'
require.config({
paths: {
'uiBootstrap': '../lib/bootstrap/angular-bootstrap/ui-bootstrap-tpls.min'
},
shim: {***},
priority: ['angular'],
deps: [
'./bootstrap'
]
});
bootstrap.js:
define([
'require',
'angular',
...
], function (require, ng) {
'use strict';
require([
'domReady!',
'uiBootstrap'
], function (document) {
ng.bootstrap(document, ['app']);...
app.js:
define([
'angular',
...
], function (ng) {
'use strict';
return ng.module('app', [
...
'uiBootstrap'
]);
});
在尝试不同的组合时,我得到了一系列不同的错误。直到我进入ui-bootstrap-tpls.min.js并实际将所有ui.bootstrap替换为uiBootstrap,并修改了模块名引用,如上图所示。presto-ui引导程序工作正常
显然,这是一个不太理想的解决方案
任何人都可以提供这种情况发生的原因以及更好的解决方法,这样我就不会公开使用这种经过源代码修改的ui引导了吗
谢谢大家! 在您的
app.js
中,当为angular
提供依赖项时,您应该将其作为'ui.bootstrap'
(这是正确的模块名称),而不是您在main.js
中定义的自定义名称
所以你的app.js
看起来像:
define([
'angular',
'uiBootstrap',
...
], function (ng) {
'use strict';
return ng.module('app', [
...
'ui.bootstrap'
]);
});