关于 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($);
})

  在这里记一下 。

猜你喜欢

转载自www.cnblogs.com/RoadAspenBK/p/9213095.html