关于 angular 项目 结合 RequireJs 的问题整理

摘要:
1、在将依赖的js通过require.config设置映射的时候,结合dataTables.bootstrap.js和jquery.dataTables.js时遇到如下报错:UncaughtError:Scripterrorfor"datatables.net",neededby:dataTablesbootstrap;提示需要datatables.netjs文件,我找了很久,不知道为什么会需要这

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

在这里记一下 。

免责声明:文章转载自《关于 angular 项目 结合 RequireJs 的问题整理》仅用于学习参考。如对内容有疑问,请及时联系本站处理。

上篇从IP层TTL递减看校验和及ICMPgoogle code 或 git 免用户名和密码 .netrc 在windows中的操作 _netrc下篇

宿迁高防,2C2G15M,22元/月;香港BGP,2C5G5M,25元/月 雨云优惠码:MjYwNzM=

相关文章

node爬虫爬取中文时乱码问题 | nodejs gb2312、GBK中文乱码解决方法

iconv需要依赖native库,这样一来,在一些不支持native模块安装的虚拟主机和windows平台上,我们还是无法安心处理GBK编码。 老外写了一个通过纯Javascript转换编码的模块 iconv-lite 可以实现window下的转换 ,通过npm可以安装此模块,bufferhelper是一个操作buffer的加强类 首先安装 npm ins...

error while loading shared libraries: libhwloc.so.5: cannot open shared object file: No such file or directory

安装一个服务的时候碰到了这个问题: error while loading shared libraries: libhwloc.so.5: cannot open shared object file: No such file or directory 遇到了两次,一次是在Ubuntu 18系统上,一次是在Ubuntu 20系统上。 解决办法如下:...

jQuery(三)

五、使用jQuery操作input的value值 表单控件是我们的重中之重,因为一旦牵扯到数据交互,离不开form表单的使用,比如用户的注册登录功能等 那么通过上节知识点我们了解到,我们在使用jquery方法操作表单控件的方法: $(selector).val()//设置值和获取值 看如下HTML结构: <!DOCTYPE html> <...

仿新浪微博大厅“大家正在说”功能的实现

1.1.1 摘要 相信大家空闲的时候都会上上微博,推特等社交网站,每次我登陆微博时,我都会留意一下它有什么变化,小的有一些布局的变化,大的有API接口的改变等。 在首页登陆微博时,我们可以看到一栏“大家正在说”,它滚动显示着当前每个人发送的微博;刚看到这个效果觉得挺有趣的,所以我们将在接下来的博文中介绍实现滚动显示微博信息的效果。 目录 定义微博...

jQuery中json对象的复制(数组及对象) .

1、jQuery自带的$.map方式: $.map(json, function (n) { return n; }); 这种方式原来用于复制数组还可以,今天用它复制数组中的某一条记录,发现字段名称丢失了,后来发现了第二种方法。 2、深复制与浅复制 // 浅层复制(只复制顶层的非 object 元素) var newObject = jQuery.ext...

Visual Studio 2013新建工程导入现有代码文件夹并且保持目录结构

本文提供了一个在Windows环境下使用Visual Studio 2013编辑现有源代码并且保持目录结构的方法。本文使用VS2013中文社区版做示例(本版本为免费版,可在VS官网下载),其他版本的VS操作方式类似。打开VS2013,选择【菜单】-【新建】-【从现有代码创建项目】 选择项目类型:Visual C++ 项目文件位置:创建完成后会在这个目录生成...