Angular module().factory() 不是 concat (gulp) 之后的函数

Question

在过去的几个小时里，我尝试使用 gulp 连接/丑化我的 angular 应用程序，我已将整个过程简化为简单的 concat，甚至将 angular 文件从 concat 过程中删除为标头中的单独 <script> 请求- 我仍然收到同样的错误：

未捕获的 TypeError：angular.module(...).factory(...) 不是函数

没有 concat 一切都很好。

我的吞咽任务：

gulp.task('JS', function() {
  gulp.src(['!_dependencies/angular.min.js', '_dependencies/jquery.min.js', '_dependencies/moment.min.js', 'Alpha/_lilhelpers.js', 'Alpha/routes.js' , '!trainerreg.js', '**/*.js'], {cwd: './public/scripts'})         
    .pipe(concat('concat.js'))    
    .pipe(gulp.dest('./public/min'));
});

似乎只要.factory 出现在代码中，就会发生错误。

这是它当前因错误而停止的行 - 它是一个缩小的代码，但我并没有缩小它，我现在只是连接文件，包括 angular-animate.min 这行代码（实际上是第一个） .
如果我删除angular-animate，它只会在另一个即将生产的工厂上抛出错误。

(function(N,f,W){'use strict';f.module("ngAnimate",["ng"]).directive("ngAnimateChildren",function(){return function(X,r,g){g=g.ngAnimateChildren;f.isString(g)&&0===g.length?r.data("$$ngAnimateChildren",!0):X.$watch(g,function(f){r.data("$$ngAnimateChildren",!!f)})}}).factory("$$animateReflow",["$$rAF","$document",function(f,r){var g=r[0].body;return function(r){return f(function(){r(g.offsetWidth)})}}]).config...

更新：哦，我弄错了，.factory 并没有立即中断；一旦在连接文件的缩小部分中遇到 .factory，它就会中断...

很高兴听到任何解决方案/假设！

Answer 1

我找到了！
Chrome 指向错误的行，Firefox 帮助了我一点。错误本身让我感到困惑，直到一段时间后我才明白angular.module(...).factory(...) 并不是说​​.factory 是未定义的，而是试图调用工厂值作为函数返回的东西，即.factory(...)() 正在发生。今天终于知道是什么原因了。 在我的一个工厂之后，有一些第 3 方代码（在这种情况下是角度动画），它像往常一样被包裹在封闭中，但问题是，我的工厂最后没有 ; 所以在 concat 之后我有：

.factory('fact', function(){my-factory-code}) (function(args){3rd-party-code})()

环绕闭包被解释为函数调用，因为工厂的行没有被分号终止。如果没有 concat，这个问题就不会出现，因为这个模块在一个单独的文件中。

教训 - 不要忘记我们的伙伴; ;)

Answer 2

没有看到你的工厂代码，我假设你没有在你的函数之前声明你的依赖项......这在过去发生在我身上。确保您的工厂是这样的（并且它被包装在一个匿名函数中）：

 (function(){
  angular.module('yourModule')
    .factory('YourFactory', ["$scope", "$state", function ($scope, $state){
       //Your Code
    }]);
  }());

对于缩小的 AngularJS 文件，您需要将您的依赖项声明为字符串，以便它正确地缩小...并且将您的控制器/工厂/服务包装在匿名函数中总是一个好主意。我希望这会有所帮助。