2016-03-30 10 views
1

私はBrowserifyを初めて使いました。私はそれを使ってAngular 1.5.3でプロジェクトをセットアップしようとしています。ここでAngular with Browserify

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

は私gulpfileです:私は以下の私のラインでは、角度は空のオブジェクトであることが確認でき、コードのステップ実行

Uncaught TypeError: angular.module is not a function 

:私は、私のサイトを表示したときに、私は次のエラーを取得しています。 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')); 
}); 

答えて

1

私は、browserifyの使用を開始したときに、bowerの代わりにnpmを使用して角度を付けました。それで私は言うことができました:

import angular from 'angular'; 

それはうまくいきます。私はあなたがまだバワーを使用することができると信じていますが、あなたはdebowerifyを使用する必要があります。私は確信していません - ブラウジングのプロセスの多くはまだ私にとっては魔法のようなもので、アンパックが必要です。