未捕获错误:[$ injector:modulerr]由于以下原因无法实例化模块应用程序:错误:[$ injector:unpr]未知提供程序:$ routeProvider

时间:2015-12-29 23:17:54

标签: javascript angularjs

由于某种原因,我总是得到错误。这是我的代码:

的index.html:

<!DOCTYPE html>
<html lang= "en">

<head>
    <meta charset="UTF-8" />
    <title>Angular Js</title>
        <script type = "text/javascript" src="http://ajax.googleapis.com/ajax/libs/angularjs/1.3.6/angular.js"></script>
      <script src = "https://rawgit.com/nirus/Angular-Route-Injector/master/dist/routeInjector.js"></script>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.9/angular-route.min.js"></script>

    <script type="text/javascript" src="main.js"></script>
</head>

<body ng-app = "app">
  <div ng-view></div>
</body>
</html>

page.html中:

Hello World

main.js:

var app = angular.module('app', ["ui.route.Injector"])

app.config(function($routeProvider){

  $routeProvider.when('/', {
    templateUrl: 'page.html'

  })

  .when('/helloUser', {
      template: "ds"

  })

  .otherwise({
    redirectTo: '/'
  })

})

这是它的照片!:

enter image description here

我不知道。我尝试了很多方法来避免这种情况,包括尝试去图书馆并复制它但仍然很有效。我认为问题在于脚本标签。但我不确定。

1 个答案:

答案 0 :(得分:0)

这是plnkr。正如rgthree所提到的,你需要在$ routeProvider中使用ng-route。您需要下载它或添加<script src = "//ajax.googleapis.com/ajax/libs/angularjs/1.4.2/angular-route.js"></script>。将1.4.2替换为您的角度版本。