Js reference is not loading correctly in Angular 6 application
I have developed a Angular 6 based web application. But I am facing problem of loading js files correctly. I have deployed the site in firebase hosting (https://dishari-d2728.firebaseapp.com/).
Interesting thing is when I visit first time all JS loads correctly but if I visit another page and again return to homepage, JS files is not working, and If I refresh several time everything is loaded correctly. This is why I can't figure out where the actual problem is. I have referenced the JS files in the following way:
- adding js files in the assets folder
- register in the
angular.json - loaded the script in
appcomponent.tsfiles using$GetScript()function...
javascript
angular firebase angular6 edited Nov 14 '18 at 21:31
rescobar
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
add a comment |
I have developed a Angular 6 based web application. But I am facing problem of loading js files correctly. I have deployed the site in firebase hosting (https://dishari-d2728.firebaseapp.com/).
Interesting thing is when I visit first time all JS loads correctly but if I visit another page and again return to homepage, JS files is not working, and If I refresh several time everything is loaded correctly. This is why I can't figure out where the actual problem is. I have referenced the JS files in the following way:
- adding js files in the assets folder
- register in the
angular.json - loaded the script in
appcomponent.tsfiles using$GetScript()function...
javascript
angular firebase angular6 edited Nov 14 '18 at 21:31
rescobar
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
Why are you loading scripts via Step #3? It appears that those files are being loaded after yourscripts.64fdf3b213b208706924.jsfile which has dependencies on some of those assets. Have you tried to put those dependencies in yourangular.jsonfile orindex.htmlfile (before the Angular script file is injected) instead?
– Daniel W Strimpel
Nov 14 '18 at 18:31
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56
add a comment |
I have developed a Angular 6 based web application. But I am facing problem of loading js files correctly. I have deployed the site in firebase hosting (https://dishari-d2728.firebaseapp.com/).
Interesting thing is when I visit first time all JS loads correctly but if I visit another page and again return to homepage, JS files is not working, and If I refresh several time everything is loaded correctly. This is why I can't figure out where the actual problem is. I have referenced the JS files in the following way:
- adding js files in the assets folder
- register in the
angular.json - loaded the script in
appcomponent.tsfiles using$GetScript()function...
javascript
angular firebase angular6 edited Nov 14 '18 at 21:31
rescobar
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
I have developed a Angular 6 based web application. But I am facing problem of loading js files correctly. I have deployed the site in firebase hosting (https://dishari-d2728.firebaseapp.com/).
Interesting thing is when I visit first time all JS loads correctly but if I visit another page and again return to homepage, JS files is not working, and If I refresh several time everything is loaded correctly. This is why I can't figure out where the actual problem is. I have referenced the JS files in the following way:
- adding js files in the assets folder
- register in the
angular.json - loaded the script in
appcomponent.tsfiles using$GetScript()function...
javascript
angular firebase angular6 javascript
angular firebase angular6 edited Nov 14 '18 at 21:31
rescobar
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
edited Nov 14 '18 at 21:31
rescobar
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
edited Nov 14 '18 at 21:31
rescobar
1,0411120
edited Nov 14 '18 at 21:31
rescobar
1,0411120
edited Nov 14 '18 at 21:31
rescobar
1,0411120
1,0411120
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
asked Nov 14 '18 at 18:01
rimon mominurrimon mominur
1
1
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
Why are you loading scripts via Step #3? It appears that those files are being loaded after yourscripts.64fdf3b213b208706924.jsfile which has dependencies on some of those assets. Have you tried to put those dependencies in yourangular.jsonfile orindex.htmlfile (before the Angular script file is injected) instead?
– Daniel W Strimpel
Nov 14 '18 at 18:31
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56
add a comment |
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
Why are you loading scripts via Step #3? It appears that those files are being loaded after yourscripts.64fdf3b213b208706924.jsfile which has dependencies on some of those assets. Have you tried to put those dependencies in yourangular.jsonfile orindex.htmlfile (before the Angular script file is injected) instead?
– Daniel W Strimpel
Nov 14 '18 at 18:31
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
Why are you loading scripts via Step #3? It appears that those files are being loaded after your
scripts.64fdf3b213b208706924.js file which has dependencies on some of those assets. Have you tried to put those dependencies in your angular.json file or index.html file (before the Angular script file is injected) instead?– Daniel W Strimpel
Nov 14 '18 at 18:31
Why are you loading scripts via Step #3? It appears that those files are being loaded after your
scripts.64fdf3b213b208706924.js file which has dependencies on some of those assets. Have you tried to put those dependencies in your angular.json file or index.html file (before the Angular script file is injected) instead?– Daniel W Strimpel
Nov 14 '18 at 18:31
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56
add a comment |
0
active
oldest
votes
Your Answer
StackExchange.ifUsing("editor", function ()
StackExchange.using("externalEditor", function ()
StackExchange.using("snippets", function ()
StackExchange.snippets.init();
);
);
, "code-snippets");
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "1"
;
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function()
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled)
StackExchange.using("snippets", function()
createEditor();
);
else
createEditor();
);
function createEditor()
StackExchange.prepareEditor(
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader:
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
,
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
);
);
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53306272%2fjs-reference-is-not-loading-correctly-in-angular-6-application%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
0
active
oldest
votes
0
active
oldest
votes
active
oldest
votes
active
oldest
votes
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function ()
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53306272%2fjs-reference-is-not-loading-correctly-in-angular-6-application%23new-answer', 'question_page');
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function ()
StackExchange.helpers.onClickDraftSave('#login-link');
);
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
This is how single page applications work
– Aluan Haddad
Nov 14 '18 at 18:07
Why are you loading scripts via Step #3? It appears that those files are being loaded after your
scripts.64fdf3b213b208706924.jsfile which has dependencies on some of those assets. Have you tried to put those dependencies in yourangular.jsonfile orindex.htmlfile (before the Angular script file is injected) instead?– Daniel W Strimpel
Nov 14 '18 at 18:31
Please read Under what circumstances may I add “urgent” or other similar phrases to my question, in order to obtain faster answers? - the summary is that this is not an ideal way to address volunteers, and is probably counterproductive to obtaining answers. Please refrain from adding this to your questions.
– halfer
Nov 14 '18 at 19:29
Dear @DanielWStrimpel, I have tried your suggested method too but did not work
– rimon mominur
Nov 17 '18 at 5:56