AngularJS 和 gulp - 在控制台中得到的错误比我想象的要少

Question

我正在建立一个网站。首先，我总体上熟悉了 AngularJS，并尝试理解所有新事物:grunt、livereload、angularjs...我很快意识到自己犯了一些错误，并开始从头开始构建一个新项目。

当我在 grunt 服务器上构建网站时。它向我显示的消息比现在使用 gulp 时显示的消息要多。我不知道这是为什么？

例如，由于我将一些现有代码从“研究项目”移动到新的 clean-start-gulp-项目。我忘记添加一项服务:FlashService - 负责在我的网站上显示简单的消息。

我已经将其用作另一个服务的依赖项。但由于某种原因，我看到的只是一个空白网站，控制台中没有任何消息。而在我之前的项目中，我总是收到类似“找不到这样的提供商”或类似信息的消息。有人可以帮助我使调试更容易吗？

其他一些事情也发生了变化。我更改了代码的一般文件夹结构，并尝试模块化我的新应用程序。目前我想不出任何其他可能有远程关系的事情。

我当前的文件夹结构是这样的:

src/app
    app.js
    /services
        auth-service.js
        flash-service.js

我的代码中的一些重要部分:

app.js

angular.module('myapp', [

   ...
   'myapp.home'

]).config(function ($stateProvider) {

    $stateProvider.state('main', {
        'abstract': true,
        resolve: {
            promiseUser: ['AuthService', function (AuthService) { AuthService.promiseUser; }]
        },
        template: '<div ui-view></div>'
    });
})

AuthService

angular.module('myapp').service('AuthService', ['FlashService', function (FlashService){

    // As soon as I created the missing service 'FlashService' everything started working. 
    // Or when I simply removed the FlashService from dependencies. 
    // What I don't understand is why didn't I get any errors in the console?

}

由于我已经花了太多时间在错误的位置查找错误，我只能想象其他一些消息可能也不会进入控制台。这最终会使调试变得非常困难。

我在这里缺少什么？为什么我在控制台中没有收到任何错误？

编辑:第一个项目是使用 Yeoman 生成的，第二个项目我使用 gulp slush。我认为这不会有帮助，但我认为可能值得一提。

编辑2发现如果我更改 angular.js 并在第一个 minError 函数中添加 console.log(message) ，我几乎得到了我想要的。

function minErr(module) {
    ...
    console.log(message);
    return new Error(message);
}

现在我只需要找出一种替代方法来执行此操作，或者找出 yeoman 生成的应用程序有何不同以及为什么默认情况下我没有收到这些消息:

[$injector:unpr] Unknown provider: aProvider <- a <- AuthService
http://errors.angularjs.org/1.2.25/$injector/unpr?p0=aProvider%20%3C-%20a%20%3C-%20AuthService 

Answer 1

如果您想要错误消息，请使用 Angular 加载模块，始终尝试并捕获。我猜 gulp slush 不会生成用于加载模块的 try/catch 场景，而 yeoman 会生成。只要您试图捕获错误，gulp 和 grunt 之间的区别就不重要。 gulp 的问题在于，它都是基于流程的，流程中有些事情失败了，有时流程会坐在那里或一起停止。

免责声明:我从未生成过仅使用 slush yeoman 的项目。