Angular with Browserify

Angular with Browserify

本文关键字：Browserify with Angular      更新时间：2023-10-04

我是Browserify的新手，我正在尝试用它和Angular 1.5.3建立一个项目。当我查看我的网站时，我得到了以下错误：

Uncaught TypeError: angular.module is not a function

通过代码，我可以看到在下面的行中，angular是一个空对象：

var angular = require("./../bower_components/angular/angular.js");

这是我的gullfile.js:

var gulp = require('gulp');
var source = require('vinyl-source-stream');
var browserify = require('browserify');
var rename = require('gulp-rename');
var uglify = require('gulp-uglify');

//the core bundle for our application
gulp.task('default', function() {
    return browserify('app/app.js')
        .bundle()
        .pipe(source('app.js'))
        .pipe(gulp.dest('build/js'));
});

当我开始使用browserfy时，我使用npm而不是bower安装了angular。然后我可以说：

import angular from 'angular';

而且效果很好。我相信你仍然可以使用bower，但你可能需要使用debowerify。我不确定——太多的浏览过程对我来说仍然是一种魔力，需要打开包装。

相关文章：