关于 angular 项目 结合 RequireJs 的问题整理
1、在 将 依赖的js 通过 require.config 设置 映射的时候,结合dataTables. bootstrap.js 和 jquery.dataTables.js 时 遇到如下报错:
Uncaught Error: Script error for "datatables.net", needed by: dataTablesbootstrap;
提示 需要 datatables.net js 文件,我找了很久,不知道为什么会需要这个文件。
后来发现 将 dataTables.bootstrap.js 的 输出改为 datatables.net 就 可以解决掉这个错误。
require.config({
waitSeconds: 0,
paths: {
'jquery': '../lib/jquery.min',
'adminlte': '../lib/adminlte',
'angular': '../lib/angular.min',
'angular-route': '../lib/angular-route.min',
'bootstrap': '../lib/bootstrap.min',
'jquerydataTables':'../lib/jquery.dataTables.min',
'datatables.net': '../lib/dataTables.bootstrap.min',
'highcharts': '../lib/highcharts',
'app': '../modules/app'
},
shim: {
'jquery': {
exports: '$'
},
'angular': {
exports: 'angular',
deps: ['jquery']
},
'angular-route': {
exports: 'angular-route',
deps: ['angular']
},
'adminlte': {
deps: ['jquery']
},
'bootstrap': {
deps: ['jquery'],
},
'datatables.net': {
deps: ['jquerydataTables']
},
'jquerydataTables':{
deps:['jquery']
},
'app': {
deps: ['angular']
}
}
});
requirejs([
'jquery',
'angular',
'angular-route',
'bootstrap',
'adminlte',
'jquerydataTables',
'datatables.net',
'app'
], function ( $,angular) {
console.log($);
})
在这里记一下 。

浙公网安备 33010602011771号