Angular problem ui.router when putting ui-view / ui-view in index.html

Question

Angular problem ui.router when putting ui-view / ui-view in index.html

Navigation

#1 by (2 votes)

0

Good morning.

I'm doing a web with NodeJs and AngularJs using bower for libraries, gulp for tasks, use ui.router to do the routes and I have in index.html a div ui-view tag that I try to make dynamic to change the content . But I get errors from "WARNING: Tried to load angular more than once." and "Error: transition superseded", I have already searched in Google and tried solutions that I have seen, but they do not work for me.

What can I do?

I leave my files: - Files index.js + bower.json + package.json - Files app.js + gulpfile.js + index.html

As I can not put another link, I put the errors shown like this:

WARNING: Tried to load angular more than once.  app.min.js:13:11919
Error: transition superseded
$get@http://localhost:5000/scripts/app.min.js:14:14124
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition prevented
$get@http://localhost:5000/scripts/app.min.js:14:14190
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition aborted
$get@http://localhost:5000/scripts/app.min.js:14:14253
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition failed
$get@http://localhost:5000/scripts/app.min.js:14:14313
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled reWARNING: Tried to load angular more than once.  app.min.js:13:11919
Error: transition superseded
$get@http://localhost:5000/scripts/app.min.js:14:14124
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition prevented
$get@http://localhost:5000/scripts/app.min.js:14:14190
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition aborted
$get@http://localhost:5000/scripts/app.min.js:14:14253
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}  vendor.min.js:10:13220
Error: transition failed
$get@http://localhost:5000/scripts/app.min.js:14:14313
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
injectionArgs@http://localhost:5000/scripts/vendor.min.js:7:21693
invoke@http://localhost:5000/scripts/vendor.min.js:7:22050
registerDirective/</<@http://localhost:5000/scripts/vendor.min.js:8:2391
forEach@http://localhost:5000/scripts/vendor.min.js:6:18505
registerDirective/<@http://localhost:5000/scripts/vendor.min.js:8:2312
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
enforceReturnValue/<@http://localhost:5000/scripts/vendor.min.js:7:18779
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
createInjector/protoInstanceInjector<@http://localhost:5000/scripts/vendor.min.js:7:23357
getService@http://localhost:5000/scripts/vendor.min.js:7:21176
addDirective@http://localhost:5000/scripts/vendor.min.js:8:29640
collectDirectives@http://localhost:5000/scripts/vendor.min.js:8:12672
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9583
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compileNodes@http://localhost:5000/scripts/vendor.min.js:8:9988
compile@http://localhost:5000/scripts/vendor.min.js:8:6527
bootstrap/doBootstrap/</<@http://localhost:5000/scripts/vendor.min.js:6:30821
$RootScopeProvider/this.$get</Scope.prototype.$eval@http://localhost:5000/scripts/vendor.min.js:11:6423
$RootScopeProvider/this.$get</Scope.prototype.$apply@http://localhost:5000/scripts/vendor.min.js:11:6769
bootstrap/doBootstrap/<@http://localhost:5000/scripts/vendor.min.js:6:30762
invoke@http://localhost:5000/scripts/vendor.min.js:7:22205
bootstrap/doBootstrap@http://localhost:5000/scripts/vendor.min.js:6:30653
bootstrap@http://localhost:5000/scripts/vendor.min.js:6:31135
angularInit@http://localhost:5000/scripts/vendor.min.js:6:29882
@http://localhost:5000/scripts/vendor.min.js:16:3177
resolve/</mightThrow@http://localhost:5000/scripts/vendor.min.js:3:1320
resolve/</process<@http://localhost:5000/scripts/vendor.min.js:3:1964
 Possibly unhandled rejection: {}jection: {}

Greetings.

javascript angularjs ui.router

asked by user3138958 29.12.2016 в 11:24

source

1 answer

Search previous and next record of the selected one in laravel 5.3 [closed] Problem with postlink in cakephp

score 2 · Answer 1

I think that as it says in English, the AngularJS library "is being loaded more than once"

It is possible that your first file include from the tag < Script > and then another one includes the same angularjs library again, which implies that this error occurs at start-up

link