Javascript AngularJS-未能实例化模块_Javascript_Angularjs

Javascript AngularJS-未能实例化模块

javascript angularjs

Javascript AngularJS-未能实例化模块,javascript,angularjs,Javascript,Angularjs,（下面是完整的错误消息）导致我的所有脚本都失败，甚至无法运行简单的$scope消息 JSFIDLE: HTML 错误：[$injector:modulerr]未能实例化模块 justpayrollApp由于：[$injector:nomod]模块 “justpayrollApp”不可用！你要么拼错了模块名称或忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数首先，将angular.js脚本置于其他脚本之上然后，将应用程序脚本放入页面主体元素的底部然后，删除两个angular r

（下面是完整的错误消息）

导致我的所有脚本都失败，甚至无法运行简单的$scope消息

JSFIDLE:

HTML

错误：[$injector:modulerr]未能实例化模块 justpayrollApp由于：[$injector:nomod]模块 “justpayrollApp”不可用！你要么拼错了模块名称或忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数

首先，将angular.js脚本置于其他脚本之上

然后，将应用程序脚本放入页面主体元素的底部

然后，删除两个angular resource.js依赖项中的一个。应该只是依赖项的一个实例。

由于您似乎正在使用Angular本机路由系统，因此不需要包括

ngRoute

。此外，这并不是您应该如何使用它：对于每个路由，您都指定了一个控制器，因此不必在body元素中指定它

在您的代码中有几个问题需要解决，因此我在这里修复了您的小提琴：

我不确定这是否能解决问题，但我看到的一个错误是使用相同的方法

。当（'/'，

在每一条路线上。在第一种情况下，您可以在（'/index'时放置

，在第二种情况下，您可以在（'/home'

诸如此类

看看这个

我不是一个喜欢JSFIDLE的人，所以我把你的代码放进一个Plunker（）中，它工作得很好。我看不出你的js是从什么地方导入的……但我还是不熟悉JSFIDLE的内部工作原理

<body ng-app="app" ng-controller="mainController">

    <div id="test" style="position:absolute;top:0;left:0;background:#000;width:100vw;height:100vh;color:#fff;display:flex;align-items:center;justify-content:center;"><p>{{message}}</p></div>

</body>

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

app.config(function($routeProvider) {
  $routeProvider

  .when('/', {
    templateUrl: 'index.html',
    controller: 'mainController'
  })

  .when('/', {
    templateUrl: 'pages/home.html',
    controller: 'mainController'
  })
})

app.controller('mainController', function($scope) {
  $scope.message = 'Main Controller Active';
})