Javascript routeProvider未知？_Javascript_Angularjs

Javascript routeProvider未知？

javascript angularjs

Javascript routeProvider未知？,javascript,angularjs,Javascript,Angularjs,我发现了，但这似乎是另一种情况，我认为对于我来说，angular模块并没有以某种方式绑定到html 这是我的代码和控制台中的错误请注意，我使用gulp将所有ng.js文件合并到/app.js中组合顺序为[module.js，other*.js] 所以始终是首先要定义的错误： Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to: Error: [$injector:unpr] Unknow

我发现了，但这似乎是另一种情况，我认为对于我来说，angular模块并没有以某种方式绑定到html

这是我的代码和控制台中的错误

请注意，我使用gulp将所有ng.js文件合并到/app.js中

组合顺序为[module.js，other*.js] 所以

始终是首先要定义的

错误：

Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:unpr] Unknown provider: $routeProvider
http://errors.angularjs.org/1.2.18/$injector/unpr?p0=%24routeProvider
    at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:78:12
    at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3741:19
    at getService (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3869:39)
    at Object.invoke (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3896:13)
    at http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3824:37
    at Array.forEach (native)
    at forEach (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:320:11)
    at loadModules (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3811:5)
    at createInjector (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:3751:11)
    at doBootstrap (http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js:1410:20)

routes.js

app.config(function($routeProvider){
    $routeProvider
    .when('/', {
        controller : 'PostsCtrl',
        templateUrl : 'posts.html'
    })
    .when('/register', {
        controller : 'RegisterCtrl',
        templateUrl : 'register.html'
    })
    .when('/login', {
        controller: 'LoginCtrl',
        templateUrl : 'login.hrml'
    })
})

angular.module('app', ['ngRoute'])

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


app.config(['$routeProvider', function($routeProvider){
    $routeProvider
    .when('/', {
        controller : 'PostsCtrl',
        templateUrl : 'posts.html'
    })
    .when('/register', {
        controller : 'RegisterCtrl',
        templateUrl : 'register.html'
    })
    .when('/login', {
        controller: 'LoginCtrl',
        templateUrl : 'login.hrml'
    })
}]);

app.html

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

我想这就是问题所在

angular.module（'app'）
2-angular.module（'app'，[]）
第二个模块声明将创建一个全新的模块，参数中的括号用于插入依赖项的模块依赖项
第一个模块声明不会创建一个全新的模块，而是会扩展先前创建的模块，因此此时应该有一个现有模块
这是你的电话号码
它说,
当传递两个或多个参数时，将创建一个新模块。如果只传递一个参数，则检索现有模块（作为第一个参数传递给模块的名称）
所以，可能是您的模块声明顺序错误，您需要将var-app=angular.module（'app'，['ngRoute']）在var-app=angular.module（'app'）的顶部var-app=angular.module（'app'）的任何用法行。
我认为这就是问题所在
1-angular.module（'app'）
2-angular.module（'app'，[]）
第二个模块声明将创建一个全新的模块，参数中的括号用于插入依赖项的模块依赖项
第一个模块声明不会创建一个全新的模块，而是会扩展先前创建的模块，因此此时应该有一个现有模块
这是你的电话号码
它说,
当传递两个或多个参数时，将创建一个新模块。如果只传递一个参数，则检索现有模块（作为第一个参数传递给模块的名称）
所以，可能是您的模块声明顺序错误，您需要将var-app=angular.module（'app'，['ngRoute']）在var-app=angular.module（'app'）的顶部var-app=angular.module（'app'）的任何用法行。
我认为这就是问题所在
1-angular.module（'app'）
2-angular.module（'app'，[]）
第二个模块声明将创建一个全新的模块，参数中的括号用于插入依赖项的模块依赖项
第一个模块声明不会创建一个全新的模块，而是会扩展先前创建的模块，因此此时应该有一个现有模块
这是你的电话号码
它说,
当传递两个或多个参数时，将创建一个新模块。如果只传递一个参数，则检索现有模块（作为第一个参数传递给模块的名称）
所以，可能是您的模块声明顺序错误，您需要将var-app=angular.module（'app'，['ngRoute']）在var-app=angular.module（'app'）的顶部var-app=angular.module（'app'）的任何用法行。
我认为这就是问题所在
1-angular.module（'app'）
2-angular.module（'app'，[]）
第二个模块声明将创建一个全新的模块，参数中的括号用于插入依赖项的模块依赖项
第一个模块声明不会创建一个全新的模块，而是会扩展先前创建的模块，因此此时应该有一个现有模块
这是你的电话号码
它说,
当传递两个或多个参数时，将创建一个新模块。如果只传递一个参数，则检索现有模块（作为第一个参数传递给模块的名称）
所以，可能是您的模块声明顺序错误，您需要将var-app=angular.module（'app'，['ngRoute']）在var-app=angular.module（'app'）的顶部var-app=angular.module（'app'）的任何用法行。
如果代码已缩小，则需要使用阵列注入器。Angular查看如何命名变量，以确定要传递给应用程序的依赖项
我还改变了你启动应用程序的方式，因为我没有看到module.js加载到HTML中
app.html
<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

如果您的代码已缩小，则需要使用阵列注入器。Angular查看如何命名变量，以确定要传递给应用程序的依赖项
我还改变了你启动应用程序的方式，因为我没有看到module.js加载到HTML中
app.html
<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

如果您的代码已缩小，则需要使用阵列注入器。Angular查看如何命名变量，以确定要传递给应用程序的依赖项
我还改变了你启动应用程序的方式，因为我没有看到module.js加载到HTML中
app.html
<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

如果您的代码已缩小，则需要使用阵列注入器。Angular查看如何命名变量，以确定要传递给应用程序的依赖项
我还改变了你启动应用程序的方式，因为我没有看到module.js加载到HTML中
app.html
<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

<!DOCTYPE html>
<html>
  <head>
    <link rel='stylesheet' href='http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css'>
    <link rel='stylesheet' href='/app.css'>
  </head>
  <body ng-app='app'>
    <div ng-view></div>
    <script src='http://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular.js'></script>
    <script src='https://ajax.googleapis.com/ajax/libs/angularjs/1.2.18/angular-route.js'></script>
    <script src='/app.js'></script>
  </body>
</html>

我不知道