gulp bower - 没有安装角度

时间:2017-05-19 08:53:04

标签: javascript angularjs gulp bower

我正在开始一个由Yeoman(第一次使用gulp)生成的新角度项目,但我遇到了一些问题(我认为这可能与之相关)

  • 当我做gulp serve时,终端没有错误但是bower似乎没有注入依赖关系。在网络检查员中,我有:

    <!-- build:css(.) styles/vendor.css -->
    <!-- bower:css -->
    <!-- endbower -->
    <!-- endbuild -->
    
  • 当我gulp test时,我在终端中收到此错误:

    PhantomJS 2.1.1 (Mac OS X 0.0.0) ERROR
    ReferenceError: Can't find variable: angular
    at /Applications/MAMP/htdocs/gulp_test/app/scripts/app.js:11
    
  • 当我执行gulp bower

  • 时出现同样的错误

有人帮助我,并解释我为什么不工作?

编辑:刚刚意识到我在网页检查员做gulp serve

时仍有角度错误

1 个答案:

答案 0 :(得分:0)

所以我昨天对此有所了解,我终于找到了。

对于gulpfile.js,请删除&#39; / views&#39;因为目的地不仅仅是你的整个应用程序:

gulp.task('bower', function () {
  return gulp.src(paths.views.main)
  .pipe(wiredep({
directory: yeoman.app + '/bower_components',
    ignorePath: '..'
}))

.pipe(gulp.dest(yeoman.app) + '/views');

});  

在.bowerrc中,我已将bower_components的路径更改为app/bower_components

我已经更改了所有连接功能(添加中间件部分):

$.connect.server({
   root:['\.tmp', yeoman.app],
   livereload:true,
   port: 9000,
   middleware:function(connect, opt){
     return [['/bower_components', 
     connect["static"]('./bower_components')]]
   }
});

bower install之后,它就像一个魅力。 我在这里找到了这个解决方案:https://github.com/yeoman/generator-angular/issues/1295