javascript - Angularjs ngRoute 不工作 : Uncaught Error: [$injector:modulerr]

标签 javascript angularjs dom angularjs-ng-route

我试图找出为什么会出现此错误:

Uncaught Error :[$injector:modulerr]

我在index.html中有以下代码

<!DOCTYPE html>
<html ng-app="MainApp">
<head>
<meta charset="utf-8">
    <link rel='stylesheet' type='text/css' href='core/sty.css'>
    <script src="core/CS/ang/angular.min.js"></script>
    <script src="core/CS/ang/angular-resource.min.js"></script>
    <script src="core/CS/ang/angular-route.min.js"></script>
</head>
    <body>
    <div id="header-cont">
        <div id="header">
            <ul style="list-style:none;">
                <li style="display:inline;float:left;"><font style="font-size:38px;top:-5px;left:-1px;position:fixed;">title</font></li>
                <li class="menu">News</li>
                <li class="menu"><ul class="sub-menu">
                    <a href="/admin/login"><li class="SMoption">1 First login</li></a>
                    <a href="/admin/register"><li class="SMoption">2 Duble register</li></a>
                      </ul>account</li>
            </ul>
        </div>
    </div>
  <ng-view></ng-view>
    <script src="core/CS/mainscript.js"></script>
    <script src="core/CS/config.js"></script>
    <script src="core/CS/controllers.js"></script>
    <script src="core/CS/modules.js"></script>
</body>
</html>



mainscript.js

'use strict';

var appv = angular.module("MainApp", ['ngRoute','ngResource']);


和config.js

'use strict';

appv.config(function($routeProvider) {

  $routeProvider.
      when('/', {
        //controller: 'HomeController',
        templateUrl: 'views/home.html'
      }).
      when('/page/:pgId', {
        //controller: 'PageController',
        templateUrl: 'views/page.html'
      }).
      when('/article/:pgId/:artId', {
        //controller: 'ArticleController',
        templateUrl: 'views/article.html'
      }).
      when('/admin/:adCode', {
        //controller: 'AdminController',
        templateUrl: 'views/admin.html'
      }).
  otherwise({templateUrl: 'views/home.html'});
    $locationProvider.html5Mode(true);
});




正如你所看到的,我已经包含了 ng-route.js、ngRoute 模块,但是有些东西不起作用......

最佳答案

您通过添加 $locationProvider.html5Mode(true); 来启用 html5 模式,但您没有将 $locationProvider 提供程序注入(inject)到配置函数中,添加这将解决问题:)

appv.config(function($routeProvider, $locationProvider ) {
.........

关于javascript - Angularjs ngRoute 不工作 : Uncaught Error: [$injector:modulerr],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27457467/

相关文章:

java - 如何从不知道其在Java中的级别的xml中获取节点

javascript - Stripe - PaymentIntents handleCardPayment() - 如何捕获 JS 错误?

javascript - 阻止 jQuery UI 菜单焦点

javascript - AngularJS 上的工厂无法正常工作。错误 "Cannot read property ' getInfoApi' 未定义”

javascript - 获取唯一值和重复值

javascript - php变量中的Sava html attr

javascript - 打开新窗口而不关注它

javascript - 如何从多个 Promise 返回 Promise

javascript - jsp:使用 jQuery 收集所有选定的复选框

javascript - ionic 警报 - 检查结果是否未定义