Angular JS フロントエンドを使用して Django Rest Auth をセットアップしようとしているので、このアプリケーションをベースとして使用しています。
ページの指示に従ってセットアップを行いました。ただし、ローカルホストに移動すると、ページが機能しなくなり、ブラウザーが機能しなくなり、次のようなレポートが表示されます。
このページのスクリプトがビジーであるか、応答を停止している可能性があります。スクリプトを今すぐ停止するか、デバッガーでスクリプトを開くか、スクリプトを続行することができます。
スクリプト: http://127.0.0.1:8000/static/js/angular-1.5.0/angular.min.js:192
すべてのAngularファイルが静的フォルダーにあることに注意してください。ターミナルは、すべてのAngularファイルとテンプレートファイルを適切に見つけることができると言います(HTMLステータスコード200)
サンプル アプリに必要なすべての依存関係も次のようにインストールしました。
<!-- AngularJs modules from Google -->
<script src="{% static "js/angular-1.5.0/angular.min.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-resource.min.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-route.min.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-sanitize.min.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-cookies.min.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-mocks.js" %}"></script>
<script src="{% static "js/angular-1.5.0/angular-scenario.js" %}"></script>
<!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<!-- Include all compiled plugins (below), or include individual files as needed -->
<script src="{% static "js/bootstrap.min.js" %}"></script>
angularファイルにGoogle CDNを使用してみましたが、同じ問題が存在します。1.5.0 の代わりに angular 1.2.16 を使用してみましたが、それでも同じ問題が発生します。サンプル アプリが私のプロジェクトで動作しない理由を教えてください。どんな助けでも大歓迎です!
編集
angular.min.js の代わりに angular.js を使用すると、このループの開始点である 3627 行に問題があるようです。
for (var i = 0, ii = this.length; i < ii; i++) {
if (isUndefined(value)) {
value = fn(this[i], arg1, arg2, arg3);
if (isDefined(value)) {
// any function which returns a value needs to be wrapped
value = jqLite(value);
}
} else {
jqLiteAddNodes(value, fn(this[i], arg1, arg2, arg3));
}
}
return isDefined(value) ? value : this;
};
エラーコンソールから、これが問題の原因です:
エラー: [$rootScope:inprog] $digest は既に進行中 http://errors.angularjs.org/1.5.0/ $rootScope/inprog?p0=%24digest
angular.js:68:12 で