路由不起作用 - angularjs - 未捕获的错误：[$injector:modulerr]答案

【问题标题】：Routing does not work - angularjs - Uncaught Error: [$injector:modulerr]路由不起作用 - angularjs - 未捕获的错误：[$injector:modulerr]
【发布时间】：2014-03-28 15:57:48
【问题描述】：

我是 Angular js 的新手。我只是在编写一些示例应用程序，但遇到了路由问题。我正在使用cdn进行角度

<script type="text/javascript"
        src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.13/angular.min.js"></script>

我创建了一个 html 部分/文件并希望将其链接到 index.html。我添加了 <ng-view></ng-view> 在 index.html 中以及 html 中的以下代码用于路由

angular.module("sample", []).config(function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
});

但我收到一个未捕获的错误：[$injector:modulerr] http://errors.angularjs.org/1.2.13/$injector/modulerr?p0=enterprise&p1=Erro...s.org%2F1.2.13%2F%24injector%2Funpr%3Fp0%3D%2524routeProvider %0A%20%20%20%......2)

另外，我尝试下载 angular-route.js 并将 ngRoute 添加为依赖项，但仍然无法正常工作。

angular.module("enterprise", ['ngRoute']).config(function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
});

我已经下载了各种版本的 angularjs，但我遇到了同样的错误。知道为什么我会收到此错误以及如何解决它吗？

【问题讨论】：

您是否绝对肯定在上述代码运行之前加载了这两个脚本？在您的控制台中，您应该能够运行 angular.module('ngRoute') 并返回一个已定义的对象。

标签： angularjs angular-ui-router route-provider angularjs-injector

【解决方案1】：

试试这个

angular.module("enterprise", ['ngRoute']).config(["$routeProvider", function($routeProvider){
    $routeProvider.when("/",
            {
                templateUrl: "/partials/list.html"
            });
}]);

如果它不起作用，请告诉我

【讨论】：

【解决方案2】：

您可以尝试像这样从 templateUrl 中删除斜线吗？

 templateUrl: "partials/list.html"

另外，您能否确认您已在 html 中的某处设置了 ng-app 并且模板存在于正确的位置（partials/list.html）？

【讨论】：