角 - 无法实例化模块

我试图弄清楚应用程序的客户端。使用角林，当我尝试加载网页，我得到角 - 无法实例化模块

Uncaught Error: [$injector:modulerr] Failed to instantiate module Facebook due to:Error[$injector:nomod] Module 'Facebook' is not available! You either misspelled the module name or forgot  to load it. If registering a module ensure that you specify the dependencies as the second argument. http://errors.angularjs.org/1.3.0-rc.5/$injector/nomod?p0=Facebook

我已经下载并列入角路线和角度的资源，他们所有的application.js不，我已经搬到之前编译我的ng-app从html标签到body标签。

任何想法我能做些什么来得到这个工作？看起来很简单，让模块工作，但它拒绝。

-application.html.erb

<!DOCTYPE html> 
<html> 
    <head>  
    <script src="/assets/angular/angular.js" type="text/javascript"></script> 
    <script src="/assets/angular/angular-resource.js" type="text/javascript"></script> 
    <script src="/assets/angular/angular-route.js" type="text/javascript"></script> 
    <%= javascript_include_tag "application" %> 
    <%= stylesheet_link_tag "application", media: "all" %>  
    <%= csrf_meta_tags %> 
    <!--[if lt IE 9]> 
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>   
     <script> 
    <![endif]--> 
    </head> 
<body ng-app="Facebook"> 
    <div ng-controller="MainCtrl"> 
    <%= Time.now.strftime("%m/%d/%Y") %><br> 
    <%= Time.now.strftime("%I:%M:%S") %> 
    <div class="navbar navbar-fixed-top"> 
     <div class="navbar-inner"> 
     <div class="container"> 
      <a class="brand" href="#">Titration</a> 
     </div> 
     </div> 
    </div> 
    <div class="container"> 
     <div class="row"> 
      <div class="span12"> 
       <ng-view></ng-view> 
      </div> 
     </div> 
     <footer> 
      <p>&copy; IHSDigital 2014</p> 
     </footer> 
    </div> 
    </div> 
</body> 
</html>

资产/角度/ app.js

var app = angular.module("Facebook", [ 
    "ngResource", 
    "Facebook.controllers", 
    "Facebook.services", 
    "ngRoute" 
    ]); 

app.config(function($routeProvider, $locationProvider) { 
    $locationProvider.html5Mode(true); 
    $routeProvider 
    .when("/facebook/index", { "views/facebook/index.html.erb", controller: "FacebookIndexCtrl" }) 
    .when("/facebook/new", { templateUrl: "<%= asset_path('facebook/edit.html') %> ", controller: "FacebookEditCtrl" }) 
    .when("/facebook/:id", { templateUrl: "<%= asset_path('facebook/show.html') %> ", controller: "FacebookShowCtrl" }) 
    .when("/facebook/:id/edit", { templateUrl: "<%= asset_path('facebook/edit.html') %> ", controller: "FacebookEditCtrl" }) 
    .otherwise({ redirectTo: "/facebook" }); 
}); 

app.config(function($httpProvider) { 
    $httpProvider.defaults.headers.common['X-CSRF-Token'] = $('meta[name=csrf-token]').attr('content'); 
});

的application.js

// 
//= require angular 
//= require angular-resource 
//= require bootstrap 
//= require ./angular/app 
//= require_tree ./angular

我试图切换顺序文件负载，检查了50次拼写错误，并且我没有想法。

来源

2014-10-10 Rob Wittman

您的代码

javascript_include_tag "application"

试图加载文件的application.js所以你的角度js文件甚至没有加载到你的HTML页面。

我不知道你的项目结构，所以我会用

<script src="path/to/your/app.js" type="text/javascript"></script>

或

javascript_include_tag "app"

来源

2014-10-10 23:03:59

角 - 无法实例化模块

回答

相关问题