AngularJS错误：[$ injector：unpr]未知提供程序

Dan Romulus 发表于 Dev

和罗慕路斯

定义URL路由后，出现以下错误-从AngularJS书中的sportsStore应用程序开始，以进行学习。

错误：[$ injector：unpr]未知提供程序：$ templateRequestProvider <-$ templateRequest <-$ route <-ngViewDirective
错误：[$ injector：cdep]找到循环依赖项：ngViewDirective

我已经阅读了与此类错误有关的所有文章，并检查了angular.js和angular-route.js的版本是否相同（最后一个稳定版本）。我还阅读了有关AngularJS API的文档，并确保此处描述的原因不是这种情况。

我不知道下一步该怎么做，因为我无法理解图像中显示的浏览器开发人员工具中的错误。请指出正确的方向。

这是app.html，其中定义了路由以显示特定视图：

<!DOCTYPE html>
<html ng-app="sportsStore">

<head>
  <title>SportsStore</title>
  <script src="angular.js"></script>
  <link href="bootstrap.css" rel="stylesheet" />
  <link href="bootstrap-theme.css" rel="stylesheet" />
  <script>
    angular.module("sportsStore", ["customFilters", "cart", "ngRoute"])
      .config(function($routeProvider) {

        $routeProvider.when("/checkout", {
          templateUrl: "/views/checkoutSummary.html"
        });

        $routeProvider.when("/products", {
          templateUrl: "/views/productList.html"
        });

        $routeProvider.otherwise({
          templateUrl: "/views/productList.html"
        });
      });
  </script>
  <script src="controllers/sportsStore.js"></script>
  <script src="filters/customFilters.js"></script>
  <script src="controllers/productListControllers.js"></script>
  <script src="components/cart/cart.js"></script>
  <script src="ngmodules/angular-route.js"></script>
</head>

<body ng-controller="sportsStoreCtrl">
  <div class="navbar navbar-inverse">
    <a class="navbar-brand" href="#">SPORTS STORE</a>
    <cart-summary />
  </div>

  <div class="alert alert-danger" ng-show="data.error">
    Error ({{data.error.status}}). The product data was not loaded.
    <a href="/app.html" class="alert-link">Click here to try again</a>
  </div>
  <ng-view />
</body>

</html>

在不更改代码的情况下，我还有另一个错误。这太奇怪了：

和罗慕路斯

@uamanager向我展示了解决方案->在templateUrl中的视图之前删除'/'

<script>
    angular.module("sportsStore", ["customFilters", "cart", "ngRoute"])
    .config(function ($routeProvider) {

        $routeProvider.when("/checkout", {
            templateUrl: "views/checkoutSummary.html"
        });

        $routeProvider.when("/products", {
            templateUrl: "views/productList.html"
        });

        $routeProvider.otherwise({
            templateUrl: "views/productList.html"
        });
    });
</script>