Angular--实例化模块失败

Angular -- Failed to Instantiate Module

本文关键字：失败 模块 实例化 Angular--      更新时间：2023-09-26

我试图弄清楚应用程序的客户端。我正在使用Angular，当我尝试加载页面时，我会得到

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

我已经下载并包含了angular route和angular resource，它们都在application.js之前编译，并且我已经将我的ng应用程序从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>

assets/angular/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次拼写错误，但我没有主意。

您的代码

javascript_include_tag "application"

正在尝试加载文件application.js，因此您的angular js文件甚至没有加载到html页面中。

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

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

或

 javascript_include_tag "app"
相关文章：