Question

我遇到了一个问题，我正在使用gulp构建我的项目，这是在我使用bower下载的外部库上运行browserify任务（使用debowerify）。其中一个库 - angular-gridster - 已更新为使用UMD模式，现在抛出一个错误，其中对angular的引用是一个空对象。

这是angular-gridster.js文件的开始方式：

(function(root, factory) {

    'use strict';

    if (typeof define === 'function' && define.amd) {
        // AMD
        define(['angular'], factory);
    } else if (typeof exports === 'object') {
        // CommonJS
        module.exports = factory(require('angular'));
    } else {
        // Browser, nothing "exported". Only registered as a module with angular.
        factory(root.angular);
    }
}(this, function(angular) {

'use strict';

// This is throwing my error
return angular.module('gridster', [])

并且它试图调用angular.module（）它会抛出错误＆＃39; angular.module不是函数＆＃39;。在调试它时，我可以看到角度只是一个空对象，并没有正确加载。我不确定这是否是require（）方法或gulp或browserify或debowerify的问题......

这是我的gulp任务

gulp.task('dependencies', function() {
gulp.src(paths.dependencies)
    .pipe(browserify({
        insertGlobals: true,
        debug: true,
        transform: ['debowerify']
    }).on('error', gutil.log))
    .pipe(concat('3rdparty.js'))
    .pipe(gulp.dest('www/js'));

}）;

有什么想法吗？谢谢！

Answer 1

我设法找到了一个解决方案，这只是调用require（）函数，然后将now全局变量angular传递给factory（）方法。

if (typeof define === 'function' && define.amd) {
    // AMD
    define(['angular'], factory);
} else if (typeof exports === 'object') {
    // CommonJS
    require('angular');
    module.exports = factory(angular);
} else {
    // Browser, nothing "exported". Only registered as a module with angular.
    factory(root.angular);
}

require（）返回空对象与gulp angular browserify

1 个答案: