2

Yeoman Angular で生成されたフォルダーに取り組んでいます。jQuery を必要とするモジュールを Bower からインストールしました。Grunt の wireep は、次のように、jQuery の依存関係を の AngularJS の上に配置index.htmlします。

<!-- build:js(.) scripts/vendor.js -->
<!-- bower:js -->
<script src="bower_components/jquery/dist/jquery.js"></script>
<script src="bower_components/angular/angular.js"></script>
<script src="bower_components/angular-animate/angular-animate.js"></script>
...
<!-- endbower -->
<!-- endbuild -->

jQuery は Angular に依存していないため、これは合理的に思えます。

問題は、ブラウザでアプリを読み込もうとすると、JS コンソールに次のメッセージが表示されることです。

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience. For more help, check http://xhr.spec.whatwg.org/.
VM80711:26293 
WARNING: Tried to load angular more than once.

angular-animate.js:442 Uncaught TypeError: Cannot read property 'offsetWidth' of null

jQuery依存関係を の依存関係と手動で交換するangularindex.html、すべてが魅力的に機能しますがgrunt build、アプリの場合、デフォルトの順序が設定されているため、dist フォルダーで作業構成を取得できません。

bower.json:

{
  "name": "webapp",
  "version": "0.1.0",
  "dependencies": {
    "angular": "^1.3.0",
    "angular-animate": "^1.3.0",
    "angular-resource": "^1.3.0",
    "angular-sanitize": "^1.3.0",
    "angular-touch": "^1.3.0",
    "angular-ui-router": "~0.2.14",
    "angular-material": "~0.9.0",
    "restangular": "~1.5.1",
    "angular-slick": "~0.2.1",
    "ngInfiniteScroll": "~1.2.1"
  },
  "devDependencies": {
    "angular-mocks": "^1.3.0"
  },
  "appPath": "app",
  "moduleName": "app"
}

ここであなたの助けに本当に感謝します!

4

1 に答える 1