Angularjs 与requirejs一起使用时未找到AngularStrap 2.x throw 404
我试图在项目中使用angular strap和requirejs,我在requirejs.config.js文件中做了以下操作:Angularjs 与requirejs一起使用时未找到AngularStrap 2.x throw 404,angularjs,requirejs,angular-strap,Angularjs,Requirejs,Angular Strap,我试图在项目中使用angular strap和requirejs,我在requirejs.config.js文件中做了以下操作: require.config({ baseUrl: 'app', paths: { .......... angular: '../bower_components/angular/angular', 'angular-strap': '../bower_components/ang
require.config({
baseUrl: 'app',
paths: {
..........
angular: '../bower_components/angular/angular',
'angular-strap': '../bower_components/angular-strap/dist/angular-strap.min',
'angular-strap-tpl': '../bower_components/angular-strap/dist/angular-strap.tpl.min',
..............
},
shim: {
...........
angular: {
deps: ['jquery'],
exports: 'angular'
},
bootstrap: {
deps: ['jquery']
},
jquery: {
exports: 'jQuery'
},
// simple dependency declaration
'jquery-ui': ['jquery'],
'jquery.flot': ['jquery'],
'jquery.flot.pie': ['jquery', 'jquery.flot'],
'jquery.flot.selection':['jquery', 'jquery.flot'],
'jquery.flot.stack': ['jquery', 'jquery.flot'],
'jquery.flot.stackpercent':['jquery', 'jquery.flot'],
'jquery.flot.time': ['jquery', 'jquery.flot'],
'angular-sanitize': ['angular'],
'angular-animate': ['angular'],
'angular-cookies': ['angular'],
'angular-dragdrop': ['jquery','jquery-ui','angular'],
'angular-loader': ['angular'],
'angular-mocks': ['angular'],
'angular-resource': ['angular'],
'angular-route': ['angular'],
'angular-touch': ['angular'],
'angular-strap': ['angular', 'angular-animate', 'bootstrap','timepicker', 'datepicker'],
'angular-strap-tpl': ['angular', 'angular-strap'],
.......
}
});
这是该文件的示例(我为删除的细节添加了点)
当我尝试启动应用程序时,我得到了以下控制台日志:
GET http://localhost:8983/project/tooltip/tooltip.tpl.html 404 (Not Found) angular.js:8521
GET http://localhost:8983/project/tooltip/tooltip.tpl.html 404 (Not Found) angular.js:8521
GET http://localhost:8983/project/tooltip/tooltip.tpl.html 404 (Not Found) angular.js:8521
................................
我注意到angular strap在baseUrl中查找这些文件,因此没有找到它们。如何使angular strap在正确的文件中搜索模板?我发现了问题,原因是喷油器找不到“angular strap tpl”路径,因此当在require函数中添加到app.js时,它工作了 app.js中的示例代码
define([
'angular',
'jquery',
'underscore',
'require',
'elasticjs',
'solrjs',
'bootstrap',
'angular-route',
'angular-sanitize',
'angular-animate',
'angular-strap',
'angular-strap-tpl',
'angular-dragdrop',
'extend-jquery'
]
然后在应用程序的手动引导程序中将“mgcrea.ngStrap”添加到依赖项数组中,如下所示:
var apps_deps = [
'elasticjs.service',
'solrjs.service',
'ngAnimate',
'mgcrea.ngStrap',
'ngRoute',
'ngSanitize',
'ngDragDrop'
];
这就解决了问题,现在效果很好