Question

（下面的完整错误消息）

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

JSFiddle：https://jsfiddle.net/cj5pe43k/5/。

HTML

<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>

JS：

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';
})

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

Answer 1

首先，将 angular.js 脚本放在其他脚本之上。

然后，将您的应用脚本放入页面的 body元素的底部。

然后，删除您拥有的两个 angular-resource.js 依赖项之一。应该只是一个依赖的实例。

Answer 2

由于您似乎正在使用Angular本机路由系统，因此您无需包含ngRoute。此外，这并不是您应该如何使用它：对于每个路径，您指定一个控制器，因此您不必在body元素中指定它。

在您的代码中有几件事需要解决，所以我在这里修复了你的小提琴：

<强> Working Fiddle

Answer 3

我不确定这会解决问题，但我能看到的一个错误是使用相同的错误 .when('/', 在每条路线上。在第一种情况下，您可以when('/index'和第二种情况when('/home' 类似的东西

查看此routing in angularjs

AngularJS - 无法实例化模块

3 个答案: