Angular JS添加额外的模块会导致项目无法呈现任何页面

Question

抱歉，如果这是一个菜鸟问题，但我是Angular JS的新手。

在对我的Web应用进行编程时，我想向我的网站添加一个额外的页面。 目前，我有一个主模块，其中包含每个网页的较小模块：

'use strict';
angular.module('myApp', [
  'ngRoute',
  'myApp.view1',
  'myApp.view2',
  'myApp.version',
  'ui.bootstrap'
]).
config(['$routeProvider', function($routeProvider) {
  $routeProvider.otherwise({redirectTo: '/view1'});
}]);

这可以正常工作，但是当我尝试添加额外的模块“ myApp.view3”时，所有页面均无法呈现。 以下是这些模块的外观：

厂景

angular.module('myApp.view1', ['ngRoute'])
// configuration
.config(['$routeProvider',
    function ($routeProvider) {
        $routeProvider.when('/view1', {
            templateUrl: 'view1/view1.html',
            controller: 'View1Ctrl'
        });
}])//controller and factory not shown

查看3

angular.module('myApp.view3', ['ngRoute'])

.config(['$routeProvider', function ($routeProvider) {
        $routeProvider.when('/view3', {
            templateUrl: 'view3/view3.html',
            controller: 'View3Ctrl'
        });
}])

.controller('View3Ctrl', ['$scope', function($scope){

}
]);

Answer 1

对不起，我才意识到我忘了在HTML文件中包含JS脚本