Javascript 角度JS错误：$injector:nomod模块在路由过程中不可用

所以，我对angular JS真的很陌生，我正在为一家公司做一个项目，我学校的一个团队在这里实习。但我必须先让路由工作，不管我做了什么，它都不会工作。我用angular JS 1.0.7试过了，用它我可以让它工作，但用最新版本（1.5.7）试了好几个小时后就不行了。这是控制台当前给我的错误：

错误：$injector:nomod 模块不可用模块“应用程序”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数。据我所知，错误源于index.html中的行，因为如果我删除它，错误就会消失，但是路由也不起作用

我真的很感谢你在这方面的帮助。我知道我可能错过了一些非常基本的东西（代码也可能非常草率），但我就是想不出来。哦，顺便说一句，我试着把app.js中的内容放到脚本标记中的index.html中，然后它没有给出错误，但也没有显示任何内容，真的很奇怪。我也尝试了许多不同的方法来按照不同的教程或指南进行布线，但我仍然无法让它工作

代码： Index.html（修改为不透露公司名称等）

代码ctrl.js

app.controller("mainCtrl", function($scope) {
    $scope.firstName = "first name";
    $scope.lastName = "last name";
});

app.controller('howtoCtrl', function($scope) {
    $scope.message = 'How To guide here';   
});

代码routing.js：

// configure our routes
    app.config(function($routeProvider) {
        $routeProvider

        // route for the home page
        .when('/', {
            templateUrl : 'home.html',
            controller  : 'mainCtrl'
        })

        // route for the how to page
        .when('/howto', {
            templateUrl : 'howto.html',
            controller  : 'howtoCtrl'
        })

        // route for the test2 page
        .when('/testi2', {
            templateUrl : 'test2.html',
            controller  : 'test2Controller'
        });
    });

编辑：在将ng app=“app”更改为ng app=“mainApp”后，我得到以下错误

angular.min.js:103获取404（未找到）（匿名函数）@angular.min.js:103n@angular.min.js:98g@angular.min.js:95（匿名函数）@angular.min.js:130$eval@angular.min.js:145$digest@angular.min.js:142$apply@angular.min.js:145（匿名函数）@angular.min.js:20invoke@angular.min.js:41c@angular.min.js:20Bc@angular.min.js:21ge@angular.min.js:19（匿名函数）@angular.min.js:315b@angular.min.js:189Sf@angular.min.js:37d@angular.min.js:36 angular.min.js:117错误：[$compile:tpload]$compile/tpload？p0=home.html&p1=404&p2=未找到%20 错误（本机） 在 在 在 以百万美元估价（） m.$digest（） 在m.$apply（） 在l（） 在K（） 在XMLHttpRequest.y.onload（）时

最终编辑：

---

谢谢大家，现在可以用了。问题是，首先，ng app=“app”应该是ng app“mainApp”，在我最初将文件移动到它们自己的文件夹后，我忘了将该文件夹包含到routing.js中临时文件的地址中

将下面的代码添加到

ctrl.js

和

routing.js

var app = angular.module('mainApp');

---

干杯

您调用html

，但您的应用程序名为

mainApp

。

---

试着把

改成

奇怪，上次我试着什么都没改，只是错误消失了（但也没起作用）。这次我改成了以下错误：看了你的错误，应用程序似乎无法在文件夹
/var/www/html/byow\u routing\u sahlays\u 2/byow/
中找到您的
home.html
。你确定home.html在这里吗？如果找不到它，它就无法编译模板并在
ng视图中呈现它！我忘了把templates文件夹放在routing.js中模板地址的前面。到目前为止，它可以正常工作。我知道这是个愚蠢的疏忽。感谢所有帮助将ng app=“mainApp”添加到您的html标记的人，我尝试在div标记中添加或不添加ng app=“mainApp”都无效。错误与主帖子中的编辑相同。尝试从div中删除ng app，只需在html标记中保留一个ng app=“mainApp”，一个html中就可以有一个ng app。
// configure our routes
    app.config(function($routeProvider) {
        $routeProvider

        // route for the home page
        .when('/', {
            templateUrl : 'home.html',
            controller  : 'mainCtrl'
        })

        // route for the how to page
        .when('/howto', {
            templateUrl : 'howto.html',
            controller  : 'howtoCtrl'
        })

        // route for the test2 page
        .when('/testi2', {
            templateUrl : 'test2.html',
            controller  : 'test2Controller'
        });
    });

var app = angular.module('mainApp');