Grails资产管道没有给出正确的Javascript顺序

Question

我正在Grails 3.1.5上创建一个Angular应用程序，但资产管道没有为我提供所需的Javascript文件排序。我有以下Javascript文件：

angello.js

//= require /angular/angular
//= require /angular-route/angular-route
//= require /angello/core/angello.core
//= require /angello/index/angello.index
//= require /angello/common/angello.common
//= require /angello/storyboard/angello.storyboard
var myModule = angular.module("Angello", [
    "angello.core",
    "angello.index",
    'ngRoute',
    'Angello.Common',
    'Angello.Storyboard'
]);
myModule.config(function($routeProvider) {
    $routeProvider
        .when('/', {
            templateUrl: 'assets/angello/storyboard/tmpl/storyboard.html',
            controller: 'StoryboardCtrl',
            controllerAs: 'storyboard'
        })
});
myModule.controller('MainCtrl', function() { });

angello.storyboard.js

//= require_tree services
//= require_tree controllers
//= require_tree directives
//= require_tree templates
//= require_self
angular.module('Angello.Storyboard', ['Angello.Common']);

storyboardController.js

//= require /angular/angular
//= require /angello/storyboard/angello.storyboard
//= require_self
angular.module('Angello.Storyboard')
    .controller('StoryboardCtrl', function() {
        var storyboard = this;
    });

我在我的主要GSP中包括了所有这些<asset:javascript src="angello.js" />当HTML被渲染时，JS文件的顺序不是我所期望的：

<script type="text/javascript" src="/assets/angular/angular.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angular-route/angular-route.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angular/angular-resource.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/core/angello.core.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/core/services/DomainServiceFactory.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/index/angello.index.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/index/services/applicationDataFactory.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/index/controllers/indexController.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angular/ui-bootstrap-tpls.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/common/angello.common.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/storyboard/controllers/storyboardController.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello/storyboard/angello.storyboard.js?compile=false" ></script>
<script type="text/javascript" src="/assets/angello.js?compile=false" ></script>

问题是故事板JS文件的包含顺序与我需要的顺序相反，导致出现角度抱怨

Error: [$injector:nomod] Module 'Angello.Storyboard' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.

我认为这是我构建依赖指令的方式中的一个问题。我试过很多不同的东西，但似乎没有什么能影响秩序。

Answer 1

用于创建工件（如controller、service等）的module必须在加载从属项之前先加载。在上述情况下，在模块本身之前需要控制器。

因此，当需要控制器（styoryBoardController.js）时，它会抱怨模块不存在。

在angello.storyboard.js中将//= require_self移到顶部将确保首先需要模块本身，然后才需要依赖项。