多个依赖项将不起作用

Multiple dependencies won't work

您好,我正在尝试使用 AngularJS 创建 SPA,并且需要调用 SOAP 请求。但是只要我在 ngRoute 旁边添加另一个依赖项,我的视图就不会再加载了。

Index.html

    <!DOCTYPE html>
    <html class="no-js">
        <head>
            <script src="./angular/soapclient.js"></script>
            <script src="./angular/angular.soap.js"></script>
            <script src="./angular/angular.min.js"></script>
            <script src="./angular/angular-route.min.js"></script>
            <script src="./angular/app.js"></script>
        </head>
        <body data-t-name="ContentPage" ng-app="myApp">
            <div class="page">
                <div class="page-content">
                    <div class="container" id="Dialog1" >
                        <div ng-view ng-controller="MainCtrl"></div>
                    </div>
                </div>
            </div>
        </body>
    </html>

app.js

    var myApp = angular.module("myApp", ['ngRoute']);

    myApp.config(["$routeProvider","$locationProvider",function($routeProvider,$locationProvider) {
        $routeProvider
        .when("/", {
            templateUrl : "views/Hauptseite.html"
        })
        ...
        ...
    }]);

变成了

var myApp = angular.module("myApp", ['ngRoute','angularSoap']);

有什么建议吗?

更改依赖顺序,任何依赖库都应该在angular.jsreference

之后
<script src="./angular/angular.min.js"></script>
<script src="./angular/soapclient.js"></script>
<script src="./angular/angular.soap.js"></script>           
<script src="./angular/angular-route.min.js"></script>
<script src="./angular/app.js"></script>