在 Angular 项目中使用 gulp 和 grunt concat 出错答案

【问题标题】：Getting error using gulp and grunt concat in Angular project在 Angular 项目中使用 gulp 和 grunt concat 出错
【发布时间】：2016-07-06 07:47:42
【问题描述】：

我在连接文件时遇到问题。使用 Grunt、Gulp 和 Visual Studio 的“Bundler and Minifier Extension”也会出现同样的问题。我不知道是什么问题。

当我包含模块、服务和模型文件时，它会毫无错误地连接。当我包含控制器文件时会出现问题。下面给出了我的一个控制器文件的示例：

/// <reference path="../../typings/angularjs/angular.d.ts" />
/// <reference path="../../typings/angularjs/angular-ui-router.d.ts" />
var MyApp;
(function (MyApp) {
var MainController = (function () {
function MainController() {
        this.message = "...message";
    }
    return MainController;
}());
angular
    .module("MyApp")
    .controller("MainController", MainController);
})(MyApp || (MyApp = {}));
//# sourceMappingURL=home-ctlr.js.map

【问题讨论】：

标签： angularjs grunt-contrib-concat gulp-concat

【解决方案1】：

这只是与文件连接的顺序有关。在我加入控制器之前，我偶然没有加载任何依赖于尚未加载的东西的东西。当我包含控制器时，它们位于一个目录中，该目录是最先加载的目录之一，因为它们依赖于后来加载的服务，所以整个事情都失败了。答案 - 如果您在父目录上使用通配符，请检查文件顺序或目录顺序，然后修改“src”行。

【讨论】：