Facing the below unusual issue. We are (still) on 3.16, please let me know if you know what could be causing this issue. Direction on what needs to be debugged also would help.
- We have all our authenticated routes inside a main parent route and the routes that doesn’t need authentication outside of that. (routes index.js, login.js etc which doesn’t authentication at the top level and all others under a parent route main/dashboard.js , main/contacts.js etc).
- When we load the app using unauthenticated routes http://app.example.com (login.js) and then navigate to route main/dashboard.js, everything works fine.
- But when we load http://app.example.com/main/dashboard directly, it adds the content of index.html twice to the page. We can see all the elements including “head” repeated. It gets added inside the body as a hidden div. What could be causing this?
This started happening after upgrade from 3.12 to 3.16.
Ember : 3.16.10
Ember Data : 3.16.9
jQuery : 3.6.4
Ember Bootstrap : 4.0.0
<body class="pace-done ember-application">
<div class="pace pace-inactive">
<div class="pace-progress" data-progress-text="100%" data-progress="99" style="transform: translate3d(100%, 0px, 0px);">
<div class="pace-progress-inner"></div>
</div>
<div class="pace-activity"></div>
</div>
<div hidden>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="theme-color" content="#26a69a">
<link rel="icon" href="/images/favicon.ico" type="image/ico" sizes="24x24">
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
1 post - 1 participant