你如何在RequireJs中包含DatatablesJS和AngularJS?

时间:2016-12-19 20:34:12

标签: javascript angularjs twitter-bootstrap datatables requirejs

尝试将数据表添加到项目时,我返回了几个错误。也许我只是不理解requireJS以及我应该理解因为我对垫片的使用非常困惑。是否在单个JS文件中使用垫片代替define函数?我知道Angular使用它自己的依赖注入,但为什么你不能这么容易地为Angular添加垫片?如果您不必使用填充程序,那么您可以使用嵌套的require函数替换吗?你能帮我确定一下我需要添加dataTables和Angularjs吗?

以下是我尝试定义数据表的连接版本时返回的错误。这些文件包括minify,单个文件,CDN,没有jquery,bootstrap,没有样式库,数据表,按钮,flash导出,html5导出,JSZip,pdfmake,打印视图,keyTable,响应和滚动。我从https://www.datatables.net/download/index下载了这个文件,并决定将文件连接起来,因为为每个选项添加一个垫片需要花费太多工作。当我删除自己的自定义.js文件时,关于不匹配的匿名define()模块的错误被删除但是关于pdfmake的错误仍然存​​在。

Uncaught Error: Script error for "pdfmake"

Uncaught Error: Mismatched anonymous define() module: function (E){return h(E,window,document)}

shop-depends.js(需要配置文件):

require.config({
baseUrl: '/vendors/',
paths: {
    jquery : "http://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min",
    custom: "custom", 
    "shop-js": "/build/js/shop-js",
    iCheck: "iCheck/icheck.min",
    'datatables.net': "https://cdn.datatables.net/v/bs/jszip-2.5.0/pdfmake-0.1.18/dt-1.10.13/b-1.2.4/b-flash-1.2.4/b-html5-1.2.4/b-print-1.2.4/fh-3.1.2/kt-2.2.0/r-2.1.0/sc-1.4.2/datatables.min",
    fancybox: "https://cdnjs.cloudflare.com/ajax/libs/fancybox/2.1.5/jquery.fancybox",
    bootstrap: "bootstrap/dist/js/bootstrap.min", 
    fastclick: "fastclick/lib/fastclick",
    vfs_fonts: "pdfmake/build/vfs_fonts",
    ngprogress: "nprogress/nprogress"
},
shim: {
    'jquery': {
        exports: 'jquery'
    },
    'shop-js':{
        deps: ['jquery']
    },
    'bootstrap': { 
        dep:['jquery'],
        exports: 'bootstrap'
    }
}
}); 

require(['jquery'], function($){

require(['iCheck'],function(){ 

});

//require(['buttons.html5']);

require(['datatables.net'], function(){ 
        require(['custom', 'shop-js']);
    }); 

        //require('datatables-net-bs');
require(['fancybox', 'bootstrap', 'pdfmake', 'vfs_fonts', 'ngprogress', 'fastclick']);
//requirejs(['angularMain'],function(){

});

0 个答案:

没有答案