CSS changes are not reflected even after changing version, hard refresh and clearing cache
I have an angular application with CSS in it.I have recently changed the CSS and deployed it on server but it is not getting reflected in the client machines.
I have done the following things:
- Clear cache and did a hard refresh (Ctrl+f5).
- Changed the version number of the CSS file and redeployed it.
- Opened developer tools and disabled Cache and reloaded.
- Pressed F12, go to source and checked the CSS file if new changes are getting loaded. New changes are there.
When I opened the web application in a new machine, the new changes are getting reflected.
When can be the possible reason for CSS not getting reflected even after checking all the above. Is there anything which I'm missing. Any help is highly appreciated.Thanks
css angular
asked Nov 16 at 10:01
CrazyCoder
410116
add a comment |
I have an angular application with CSS in it.I have recently changed the CSS and deployed it on server but it is not getting reflected in the client machines.
I have done the following things:
- Clear cache and did a hard refresh (Ctrl+f5).
- Changed the version number of the CSS file and redeployed it.
- Opened developer tools and disabled Cache and reloaded.
- Pressed F12, go to source and checked the CSS file if new changes are getting loaded. New changes are there.
When I opened the web application in a new machine, the new changes are getting reflected.
When can be the possible reason for CSS not getting reflected even after checking all the above. Is there anything which I'm missing. Any help is highly appreciated.Thanks
css angular
asked Nov 16 at 10:01
CrazyCoder
410116
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11
add a comment |
I have an angular application with CSS in it.I have recently changed the CSS and deployed it on server but it is not getting reflected in the client machines.
I have done the following things:
- Clear cache and did a hard refresh (Ctrl+f5).
- Changed the version number of the CSS file and redeployed it.
- Opened developer tools and disabled Cache and reloaded.
- Pressed F12, go to source and checked the CSS file if new changes are getting loaded. New changes are there.
When I opened the web application in a new machine, the new changes are getting reflected.
When can be the possible reason for CSS not getting reflected even after checking all the above. Is there anything which I'm missing. Any help is highly appreciated.Thanks
css angular
asked Nov 16 at 10:01
CrazyCoder
410116
I have an angular application with CSS in it.I have recently changed the CSS and deployed it on server but it is not getting reflected in the client machines.
I have done the following things:
- Clear cache and did a hard refresh (Ctrl+f5).
- Changed the version number of the CSS file and redeployed it.
- Opened developer tools and disabled Cache and reloaded.
- Pressed F12, go to source and checked the CSS file if new changes are getting loaded. New changes are there.
When I opened the web application in a new machine, the new changes are getting reflected.
When can be the possible reason for CSS not getting reflected even after checking all the above. Is there anything which I'm missing. Any help is highly appreciated.Thanks
css angular
css angular
asked Nov 16 at 10:01
CrazyCoder
410116
asked Nov 16 at 10:01
CrazyCoder
410116
asked Nov 16 at 10:01
CrazyCoder
410116
asked Nov 16 at 10:01
CrazyCoder
410116
asked Nov 16 at 10:01
CrazyCoder
410116
410116
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11
add a comment |
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11
add a comment |
3 Answers
3
active
oldest
votes
is it a PWA (progressive web app)... ? in which case the data is served by service worker and not freshly fetched.
Go to
- Chrome developer tools (press F12)...
- Click on Application tab on
- the left navigation, click on "Service workers" and 'unregister"
service workers... - going on the next option in the left navigation, click on "Clear storage"...
- click on the "Clear site data" button on the right zone restart Chrome and check with Ctrl+shift+R
if you're using a CDN, you may have to purge the cache for this particular CSS file from there as well.
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
add a comment |
Make hard refresh (Ctrl+Shift+R)
or go to view page source and the open css file from it and make it refresh and then again make hard refresh...Your problem will be solved
answered Nov 16 at 10:04
lucky
2710
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
|
show 1 more comment
Please clear the browser history of the application complete from begin and perform hard refresh and then try to login to your application
answered Nov 16 at 10:16
Balaji V
505
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
add a comment |
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%2f53335459%2fcss-changes-are-not-reflected-even-after-changing-version-hard-refresh-and-clea%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
is it a PWA (progressive web app)... ? in which case the data is served by service worker and not freshly fetched.
Go to
- Chrome developer tools (press F12)...
- Click on Application tab on
- the left navigation, click on "Service workers" and 'unregister"
service workers... - going on the next option in the left navigation, click on "Clear storage"...
- click on the "Clear site data" button on the right zone restart Chrome and check with Ctrl+shift+R
if you're using a CDN, you may have to purge the cache for this particular CSS file from there as well.
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
add a comment |
is it a PWA (progressive web app)... ? in which case the data is served by service worker and not freshly fetched.
Go to
- Chrome developer tools (press F12)...
- Click on Application tab on
- the left navigation, click on "Service workers" and 'unregister"
service workers... - going on the next option in the left navigation, click on "Clear storage"...
- click on the "Clear site data" button on the right zone restart Chrome and check with Ctrl+shift+R
if you're using a CDN, you may have to purge the cache for this particular CSS file from there as well.
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
add a comment |
is it a PWA (progressive web app)... ? in which case the data is served by service worker and not freshly fetched.
Go to
- Chrome developer tools (press F12)...
- Click on Application tab on
- the left navigation, click on "Service workers" and 'unregister"
service workers... - going on the next option in the left navigation, click on "Clear storage"...
- click on the "Clear site data" button on the right zone restart Chrome and check with Ctrl+shift+R
if you're using a CDN, you may have to purge the cache for this particular CSS file from there as well.
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
is it a PWA (progressive web app)... ? in which case the data is served by service worker and not freshly fetched.
Go to
- Chrome developer tools (press F12)...
- Click on Application tab on
- the left navigation, click on "Service workers" and 'unregister"
service workers... - going on the next option in the left navigation, click on "Clear storage"...
- click on the "Clear site data" button on the right zone restart Chrome and check with Ctrl+shift+R
if you're using a CDN, you may have to purge the cache for this particular CSS file from there as well.
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
answered Nov 16 at 10:16
Akber Iqbal
1,5932620
1,5932620
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
add a comment |
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
@CrazyCoder, did you give this a shot?
– Akber Iqbal
Nov 19 at 15:23
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
yes, I forgot to accept it. it worked for me
– CrazyCoder
Nov 21 at 9:50
add a comment |
Make hard refresh (Ctrl+Shift+R)
or go to view page source and the open css file from it and make it refresh and then again make hard refresh...Your problem will be solved
answered Nov 16 at 10:04
lucky
2710
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
|
show 1 more comment
Make hard refresh (Ctrl+Shift+R)
or go to view page source and the open css file from it and make it refresh and then again make hard refresh...Your problem will be solved
answered Nov 16 at 10:04
lucky
2710
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
|
show 1 more comment
Make hard refresh (Ctrl+Shift+R)
or go to view page source and the open css file from it and make it refresh and then again make hard refresh...Your problem will be solved
answered Nov 16 at 10:04
lucky
2710
Make hard refresh (Ctrl+Shift+R)
or go to view page source and the open css file from it and make it refresh and then again make hard refresh...Your problem will be solved
answered Nov 16 at 10:04
lucky
2710
answered Nov 16 at 10:04
lucky
2710
answered Nov 16 at 10:04
lucky
2710
answered Nov 16 at 10:04
lucky
2710
2710
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
|
show 1 more comment
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
open css file from it and make it refresh -- how to make it refresh?
– CrazyCoder
Nov 16 at 10:06
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
right click on page and go to view page source and from there open ur css file where u link it...and open it and refresh it
– lucky
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
I tried Ctrl+Shift+R, it didn't work
– CrazyCoder
Nov 16 at 10:07
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
yes but try it from right click and view page source
– lucky
Nov 16 at 10:09
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
I did, but not working :(
– CrazyCoder
Nov 16 at 10:13
|
show 1 more comment
Please clear the browser history of the application complete from begin and perform hard refresh and then try to login to your application
answered Nov 16 at 10:16
Balaji V
505
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
add a comment |
Please clear the browser history of the application complete from begin and perform hard refresh and then try to login to your application
answered Nov 16 at 10:16
Balaji V
505
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
add a comment |
Please clear the browser history of the application complete from begin and perform hard refresh and then try to login to your application
answered Nov 16 at 10:16
Balaji V
505
Please clear the browser history of the application complete from begin and perform hard refresh and then try to login to your application
answered Nov 16 at 10:16
Balaji V
505
answered Nov 16 at 10:16
Balaji V
505
answered Nov 16 at 10:16
Balaji V
505
answered Nov 16 at 10:16
Balaji V
505
505
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
add a comment |
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
I did this as well :(
– CrazyCoder
Nov 16 at 10:27
add a comment |
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.
Some of your past answers have not been well-received, and you're in danger of being blocked from answering.
Please pay close attention to the following guidance:
- 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%2f53335459%2fcss-changes-are-not-reflected-even-after-changing-version-hard-refresh-and-clea%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
When you deploy to your server, are you sure the old webapp files are deleted?
– Carsten
Nov 16 at 10:04
@Carsten, yes , I delete the old files before deploying
– CrazyCoder
Nov 16 at 10:05
"Changed the version number of the CSS file and redeployed it" -> are you pointing to the new version number?
– Carsten
Nov 16 at 10:07
@Carsten , yes, by version I mean I have added ?ver=1.2 at the end
– CrazyCoder
Nov 16 at 10:08
You added an angular tag to your question. Are you using ng-build --prod ?
– Carsten
Nov 16 at 10:11