1. ホーム
  2. angularjs

[解決済み] ReferenceError: Angularは定義されていません。

2022-02-09 04:07:23

質問

数時間この問題と格闘し、いくつかの回答を見つけましたが、今のところどれもうまくいきません( AngularJs ReferenceError: angularが定義されていません。 ). なぜか、私のアプリにAngular.JSを使わせることができないようです。必要なjsファイルを追加した後、私のメインファイルは次のようになります。

    <!DOCTYPE html>
    <html ng-app="AppName">
  <head>
    <title></title>

    <link rel="stylesheet" href="/stylesheets/main.css">

  </head>
  <body>
    <!-- Wrapper-->
    <div id="wrapper">

      <div id="page-content-wrapper">

        <div class="page-content inset" ng-view>
        </div>

      </div>
    </div>
    <!-- /WRAPPER-->

    <!-- ANGULAR CUSTOM -->
    <script src="libs/angular/angular.js"></script>
    <script src="libs/angular-route/angular-route.min.js"></script>
    <script src="javascripts/AngularApp.js"></script>
    <script src="javascripts/appRoutes.js"></script>
    <script src="javascripts/controllers/MainCtrl.js"></script>
    <script src="javascripts/controllers/SettingsCtrl.js"></script>
    <script src="javascripts/services/SettingsService.js"></script>

  </body>
</html>

アプリを実行しても、読み込みが終わらないようです(画像参照。 http://imgur.com/FIAH4tH ) で、クラッシュします。Firefoxでは、次のようなエラーが表示されます。 http://imgur.com/UT3g7wY

この問題を解決する方法をご存知の方はいらっしゃいますか?

--EDIT-- アプリ内のスクリプトの位置を更新しました。

私のAngularApp.jsファイルはこのようになっています。

angular.module('AppName', ['ngRoute', 'appRoutes', 'MainCtrl', 'SettingsCtrl', 'SettingsService']);

解決方法は?

もし、あなたのモジュールが AppName が定義されている場合 AngularApp.js の前に来る必要があります。 MainCtrl js .

あなたの .js ファイルは別のアンギュラーモジュールですか?もしそうなら、それらはangular.moduleの依存関係の中でモジュールとしてリストされるべきではないでしょう。

angular.module('AppName', ['ngRoute']);