gulp bower - angular 未安装
gulp bower - angular is not installed
我正在开始一个用 Yeoman 生成的新 angular 项目(第一次使用 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
时仍然有 angular 错误
所以我昨天在这方面做了一些工作,我终于找到了。
对于 gulpfile.js,删除“/views”,因为目的地必须是您的整个应用,而不仅仅是视图:
gulp.task('bower', function () {
return gulp.src(paths.views.main)
.pipe(wiredep({
directory: yeoman.app + '/bower_components',
ignorePath: '..'
}))
.pipe(gulp.dest(yeoman.app) <s>+ '/views'</s>);
});
在 .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
我正在开始一个用 Yeoman 生成的新 angular 项目(第一次使用 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
所以我昨天在这方面做了一些工作,我终于找到了。
对于 gulpfile.js,删除“/views”,因为目的地必须是您的整个应用,而不仅仅是视图:
gulp.task('bower', function () {
return gulp.src(paths.views.main)
.pipe(wiredep({
directory: yeoman.app + '/bower_components',
ignorePath: '..'
}))
.pipe(gulp.dest(yeoman.app) <s>+ '/views'</s>);
});
在 .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