AngularJS：錯誤：簡單腳本中的$ injector：unpr

Question

我在本教程中運行了代碼，然后嘗試將其制作成自己的代碼。 但不幸的是，它不起作用。 它給出了以下錯誤：

angular.min.js:84Error: [$injector:unpr] http://errors.angularjs.org/1.2.9/$injector/unpr?p0=%24templateRequestProvider%20%3C-%20%24templateRequest%20%3C-%20%24route%20%3C-%20ngViewDirective
at Error (native)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:6:449
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:125
at Object.c [as get] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:193
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417)
at http://portfolio2.gerbenboersma.com/lib/angular.min.js:32:211
at c (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:200)
at Object.d [as invoke] (http://portfolio2.gerbenboersma.com/lib/angular.min.js:30:417)

我知道這個錯誤的發布頻率更高，但是大多數錯誤處理的代碼比我的還要復雜，而且似乎不適用。

我正在關注的教程已在此處以工作狀態上傳： http : //gerbenboersma.com/sites/AngularTests/

我自己的代碼幾乎與此相似，在我的上一個版本中，我什至使用了所有相同的名稱。 這里是：

<!doctype html>
<html lang="en" ng-app="myApp">
<head>
    <title>Gerben Boersma | Portfolio | 2016</title>
    <link rel="stylesheet" href="css/styles.css">
    <script src="lib/angular.min.js"></script>
    <script src="lib/angular-route.min.js"></script>
    <script src="js/works.json"></script>
    <script src="js/controllers.js"></script>
    <script src="js/app.js"></script>
</head>
<body>
<div class="outer-content">
    <div class="green-bar"></div>
    <div class="content" ng-view>
    </div>
</div>
</body>
</html>

和controllers.js：

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

artistControllers.controller('ListController', ['$scope', '$http', function($scope, $http) {
  $http.get('js/works.json').success(function(data) {
    $scope.works = data;
    $scope.artistOrder = 'name';
  });
}]);

和app.js：

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

myApp.config(['$routeProvider', function($routeProvider) {
  $routeProvider.
  when('/list', {
    templateUrl: 'partials/list.html',
    controller: 'ListController'
  }).
  otherwise({
    redirectTo: '/list'
  });
}]);

我看這些作品已經太久了，而且還不算什么。 但是我無法找到問題所在。 根據AngularJS錯誤參考，我命名事物的方式可能有問題，但是在這些最新版本中，我什至沒有更改原始教程示例中的名稱，這似乎效果很好。 我希望有人能對此有所啟發。

Answer 1

您正在使用angular 1.2.9以及新的angular-route 1.5.8，這會引起上述問題，僅使用angular 1.5.8而不是1.2.9，就創建了插件： http ://plnkr.co/edit/szCGtnZQsXYFkTrjBNZZ ？ p = preview ，嘗試取消注釋1.2.9和注釋1.5.8版本的angular，並且將復制問題

<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.5.8/angular.js"></script>
<!-- <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.2.9/angular.min.js"></script> -->

AngularJS：錯誤：簡單腳本中的$ injector：unpr

問題描述

1 個解決方案

解決方案1
1 已采納 2016-10-04 21:55:58

AngularJS：錯誤：簡單腳本中的$ injector：unpr

問題描述

1 個解決方案

解決方案1 1 已采納 2016-10-04 21:55:58

解決方案1
1 已采納 2016-10-04 21:55:58