Fatal编程技术网

Angularjs模块错误

angularjs

Angularjs模块错误,angularjs,angularjs-module,Angularjs,Angularjs Module,我是angularJs的新手，尝试制作一款使用摄像头并在firebase中保存图像的应用程序。我遵循一个教程，并得到这个错误。我试图把它修好，但没有成功。请帮助大家 我在github上发布了我的代码 未捕获错误：[$injector:modulerr]未能实例化模块myApp，原因是： 错误：[$injector:nomod]模块“myApp”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数 这是index.html <!DOCTYPE html

我是angularJs的新手，尝试制作一款使用摄像头并在firebase中保存图像的应用程序。我遵循一个教程，并得到这个错误。我试图把它修好，但没有成功。请帮助大家

我在github上发布了我的代码

未捕获错误：[$injector:modulerr]未能实例化模块myApp，原因是： 错误：[$injector:nomod]模块“myApp”不可用！您要么拼错了模块名，要么忘记加载它。如果注册模块，请确保将依赖项指定为第二个参数

这是index.html

  <!DOCTYPE html>
  <html>
    <head>
      <meta charset="utf-8">
      <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width">
      <title></title>

      <link href="lib/ionic/css/ionic.css" rel="stylesheet">
      <link href="css/style.css" rel="stylesheet">
      <script src="angular.min.js"></script>
      <script src="js/angular-route.min.js"></script>
      <script src="lib/ionic/js/ionic.bundle.js"></script>
      <script src="js/ng-cordova.min.js"></script>
      <script src="cordova.js"></script>
      <script src="js/firebase.js"></script>
      <script src="js/angularfire.min.js"></script>
      <script src="js/app.js"></script>
    </head>
    <body ng-app="myApp">

      <ion-pane>
        <ion-nav-bar class="bar-stable">
          <ion-nav-back-button>
          </ion-nav-back-button>
        </ion-nav-bar>
        <ion-nav-view></ion-nav-view>
      </ion-pane>
    </body>
  </html>
firebase.html

 <ion-view  title="Firebase">
   <ion-content>
     <div class="">
         <div class="list list-inset">
           <label class="item item-input">
            <input ng-model="username" type="text" placeholder="username">
          </label>
          <label class="item item-input">
            <input ng-model="password" type="text" placeholder="password">
          </label>
        </div>
        <div class="padding-left padding-right">
            <div class="button-bar">
                <a class="button" ng-click="login(username, passowrd)">Login</a>
                <a class="button" ng-click="register(username, passowrd)">Register </a>

            </div>
        </div>
     </div>
   </ion-content>
 </ion-view>
谢谢

您已经指定了离子束，默认情况下包括角度束。删除你的参考角度，角度路线和其他几个，你应该是好去

你能在这里发布一段代码片段，这样人们就不必调试你的整个存储库了吗？请尝试用简化版的应用程序重现问题。您好，我已经用代码更新了我的问题。请帮助尝试将所有脚本放在ion pane标记之后的body标记中。您能在没有ionic的情况下重现问题吗？您的大多数代码都与离子有关，如果myApp无法实例化，那么这与离子无关。您是否有任何其他错误可能会阻止app.js加载？您发布的内容似乎很好。我怀疑您有一个app.js解析不正确的问题，可能是因为语法错误。检查控制台是否有错误。 
 <ion-view  title="Firebase">
   <ion-content>
     <div class="">
         <div class="list list-inset">
           <label class="item item-input">
            <input ng-model="username" type="text" placeholder="username">
          </label>
          <label class="item item-input">
            <input ng-model="password" type="text" placeholder="password">
          </label>
        </div>
        <div class="padding-left padding-right">
            <div class="button-bar">
                <a class="button" ng-click="login(username, passowrd)">Login</a>
                <a class="button" ng-click="register(username, passowrd)">Register </a>

            </div>
        </div>
     </div>
   </ion-content>
 </ion-view>

    <ion-nav-buttons side="right">
      <button class="button button-icon icon ion-camera" ng-click="upload()">Camera</button>
    </ion-nav-buttons>
    <ion-content>
      <div class="row" ng-repeat="image in images" ng-if="$index % 4 === 0">
        <div class="col col-25" ng-if="$index < images.length">
          <img ng-src="data:image/jpeg;base64,{{images[$index].image}}" width = "100%" />
        </div>

        <div class="col col-25" ng-if="$index + 1 < images.length">
          <img ng-src="data:image/jpeg;base64,{{images[$index + 1].image}}" width = "100%" />
        </div>

        <div class="col col-25" ng-if="$index + 2 < images.length">
          <img ng-src="data:image/jpeg;base64,{{images[$index + 2].image}}" width = "100%" />
        </div>

        <div class="col col-25" ng-if="$index + 3 < images.length">
          <img ng-src="data:image/jpeg;base64,{{images[$index + 3].image}}" width = "100%" />
        </div>

      </div>
    </ion-content>
  </ion-view>

Failed to instantiate module myApp due to:
Error: [$injector:nomod] Module 'myApp' 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.4.3/$injector/nomod?p0=myApp
    at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:13380:12
    at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:15270:17
    at ensure (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:15194:38)
    at module (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:15268:14)
    at file:///android_asset/www/lib/ionic/js/ionic.bundle.js:17674:22
    at forEach (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:13648:20)
    at loadModules (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:17658:5)
    at createInjector (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:17584:11)
    at doBootstrap (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:14942:20)
    at bootstrap (file:///android_asset/www/lib/ionic/js/ionic.bundle.js:14963:12)