Cache error on cloudflare and angular 4 not loading the contentHow to clear template cache?How to control web page caching, across all browsers?How to force browser to reload cached CSS/JS files?Disabling Chrome cache for website developmentWhat does <meta http-equiv=“X-UA-Compatible” content=“IE=edge”> do?Is Safari on iOS 6 caching $.ajax results?Cloudflare CDN caching and google analytics doubts?Azure, CloudFlare and Cache, Content wont updateOn cloudflare I want to disable caching and see my website changes immediately that I've pushed liveCaching issue Angular IIS Cloudflareinstallation npm failed for an existing project with angular 4
Why "Having chlorophyll without photosynthesis is actually very dangerous" and "like living with a bomb"?
Are the number of citations and number of published articles the most important criteria for a tenure promotion?
Why can't I see bouncing of a switch on an oscilloscope?
What's the point of deactivating Num Lock on login screens?
Are astronomers waiting to see something in an image from a gravitational lens that they've already seen in an adjacent image?
Do infinite dimensional systems make sense?
Can I ask the recruiters in my resume to put the reason why I am rejected?
How much of data wrangling is a data scientist's job?
Important Resources for Dark Age Civilizations?
dbcc cleantable batch size explanation
Cross compiling for RPi - error while loading shared libraries
Has there ever been an airliner design involving reducing generator load by installing solar panels?
Arrow those variables!
Did Shadowfax go to Valinor?
High voltage LED indicator 40-1000 VDC without additional power supply
"You are your self first supporter", a more proper way to say it
What is the word for reserving something for yourself before others do?
Does an object always see its latest internal state irrespective of thread?
Is it possible to run Internet Explorer on OS X El Capitan?
Can you really stack all of this on an Opportunity Attack?
When a company launches a new product do they "come out" with a new product or do they "come up" with a new product?
Approximately how much travel time was saved by the opening of the Suez Canal in 1869?
What would happen to a modern skyscraper if it rains micro blackholes?
Paid for article while in US on F-1 visa?
Cache error on cloudflare and angular 4 not loading the content
How to clear template cache?How to control web page caching, across all browsers?How to force browser to reload cached CSS/JS files?Disabling Chrome cache for website developmentWhat does <meta http-equiv=“X-UA-Compatible” content=“IE=edge”> do?Is Safari on iOS 6 caching $.ajax results?Cloudflare CDN caching and google analytics doubts?Azure, CloudFlare and Cache, Content wont updateOn cloudflare I want to disable caching and see my website changes immediately that I've pushed liveCaching issue Angular IIS Cloudflareinstallation npm failed for an existing project with angular 4
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty height:90px;width:728px;box-sizing:border-box;
We are using Cloudflare and Angular 4 for almost 2 years in our app and we had no issues until recently when we discovered on some of the team Macs the pages do not load or they remain in spinning wheel forever.
We checked the console and no errors appeared and also accessed the app via the IP address and it worked perfectly. If i do a browser purge cache on Chrome it works but on Safari or Firefox that does not work. We tried purge cache from cloudflare multiple times but that does not solve the issue...
Sometimes it loads the content sometimes it doesn't. Also we saw that issue on mobile phones that we test the app... We narrowed down to a caching problem.
We tried to bypass the caching on html and js files from cloudflare page rules but we still have issues with it. We do not know exactly what to do and do not know what extra information to provide because there isn't much we can lookup on.
Any help or direction to check are welcomed. We are concerned with our daily users who might start to experience the same problem as us. I want to mention that the problem does not appear after a deploy, it appears random and it needs a clear cache from the browser to work for a few reloads.
EDIT 1: I want to mention that when this happens, the app does not enter in app.component.ts. I've put some console logs into the constructor and it does not reach that point. the only thing that i can see in the source of the loaded white page is that app-root element is loaded and that it's.
EDIT 2: I've put pointed another doimain that we have to the same ip and it works perfectly...
package.json dependencies:
"dependencies":
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular2-infinite-scroll": "^0.3.43",
"angular2-material-datepicker": "^0.5.0",
"angular2-toaster": "^4.0.1",
"angular4-carousel": "^3.1.8",
"angulartics2": "^4.6.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"file-saver": "^2.0.0",
"fuzzyset.js": "0.0.7",
"jquery": "^3.1.0",
"mydatepicker": "^2.2.0",
"ng-lazyload-image": "^3.1.1",
"ng-semantic": "https://github.com/vladotesanovic/ngSemantic/tarball/master",
"ng2-datepicker": "^2.1.4",
"ng2-file-upload": "^1.1.3-0",
"ng2-ion-range-slider": "^2.0.0",
"ngx-image-cropper": "^1.2.4",
"ngx-stripe": "^0.8.2",
"node-sass": "^4.11.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
,
Thank you in advance!
angular caching browser cloudflare asked Mar 9 at 1:14
mariobynmariobyn
616
add a comment |
We are using Cloudflare and Angular 4 for almost 2 years in our app and we had no issues until recently when we discovered on some of the team Macs the pages do not load or they remain in spinning wheel forever.
We checked the console and no errors appeared and also accessed the app via the IP address and it worked perfectly. If i do a browser purge cache on Chrome it works but on Safari or Firefox that does not work. We tried purge cache from cloudflare multiple times but that does not solve the issue...
Sometimes it loads the content sometimes it doesn't. Also we saw that issue on mobile phones that we test the app... We narrowed down to a caching problem.
We tried to bypass the caching on html and js files from cloudflare page rules but we still have issues with it. We do not know exactly what to do and do not know what extra information to provide because there isn't much we can lookup on.
Any help or direction to check are welcomed. We are concerned with our daily users who might start to experience the same problem as us. I want to mention that the problem does not appear after a deploy, it appears random and it needs a clear cache from the browser to work for a few reloads.
EDIT 1: I want to mention that when this happens, the app does not enter in app.component.ts. I've put some console logs into the constructor and it does not reach that point. the only thing that i can see in the source of the loaded white page is that app-root element is loaded and that it's.
EDIT 2: I've put pointed another doimain that we have to the same ip and it works perfectly...
package.json dependencies:
"dependencies":
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular2-infinite-scroll": "^0.3.43",
"angular2-material-datepicker": "^0.5.0",
"angular2-toaster": "^4.0.1",
"angular4-carousel": "^3.1.8",
"angulartics2": "^4.6.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"file-saver": "^2.0.0",
"fuzzyset.js": "0.0.7",
"jquery": "^3.1.0",
"mydatepicker": "^2.2.0",
"ng-lazyload-image": "^3.1.1",
"ng-semantic": "https://github.com/vladotesanovic/ngSemantic/tarball/master",
"ng2-datepicker": "^2.1.4",
"ng2-file-upload": "^1.1.3-0",
"ng2-ion-range-slider": "^2.0.0",
"ngx-image-cropper": "^1.2.4",
"ngx-stripe": "^0.8.2",
"node-sass": "^4.11.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
,
Thank you in advance!
angular caching browser cloudflare asked Mar 9 at 1:14
mariobynmariobyn
616
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27
add a comment |
We are using Cloudflare and Angular 4 for almost 2 years in our app and we had no issues until recently when we discovered on some of the team Macs the pages do not load or they remain in spinning wheel forever.
We checked the console and no errors appeared and also accessed the app via the IP address and it worked perfectly. If i do a browser purge cache on Chrome it works but on Safari or Firefox that does not work. We tried purge cache from cloudflare multiple times but that does not solve the issue...
Sometimes it loads the content sometimes it doesn't. Also we saw that issue on mobile phones that we test the app... We narrowed down to a caching problem.
We tried to bypass the caching on html and js files from cloudflare page rules but we still have issues with it. We do not know exactly what to do and do not know what extra information to provide because there isn't much we can lookup on.
Any help or direction to check are welcomed. We are concerned with our daily users who might start to experience the same problem as us. I want to mention that the problem does not appear after a deploy, it appears random and it needs a clear cache from the browser to work for a few reloads.
EDIT 1: I want to mention that when this happens, the app does not enter in app.component.ts. I've put some console logs into the constructor and it does not reach that point. the only thing that i can see in the source of the loaded white page is that app-root element is loaded and that it's.
EDIT 2: I've put pointed another doimain that we have to the same ip and it works perfectly...
package.json dependencies:
"dependencies":
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular2-infinite-scroll": "^0.3.43",
"angular2-material-datepicker": "^0.5.0",
"angular2-toaster": "^4.0.1",
"angular4-carousel": "^3.1.8",
"angulartics2": "^4.6.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"file-saver": "^2.0.0",
"fuzzyset.js": "0.0.7",
"jquery": "^3.1.0",
"mydatepicker": "^2.2.0",
"ng-lazyload-image": "^3.1.1",
"ng-semantic": "https://github.com/vladotesanovic/ngSemantic/tarball/master",
"ng2-datepicker": "^2.1.4",
"ng2-file-upload": "^1.1.3-0",
"ng2-ion-range-slider": "^2.0.0",
"ngx-image-cropper": "^1.2.4",
"ngx-stripe": "^0.8.2",
"node-sass": "^4.11.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
,
Thank you in advance!
angular caching browser cloudflare asked Mar 9 at 1:14
mariobynmariobyn
616
We are using Cloudflare and Angular 4 for almost 2 years in our app and we had no issues until recently when we discovered on some of the team Macs the pages do not load or they remain in spinning wheel forever.
We checked the console and no errors appeared and also accessed the app via the IP address and it worked perfectly. If i do a browser purge cache on Chrome it works but on Safari or Firefox that does not work. We tried purge cache from cloudflare multiple times but that does not solve the issue...
Sometimes it loads the content sometimes it doesn't. Also we saw that issue on mobile phones that we test the app... We narrowed down to a caching problem.
We tried to bypass the caching on html and js files from cloudflare page rules but we still have issues with it. We do not know exactly what to do and do not know what extra information to provide because there isn't much we can lookup on.
Any help or direction to check are welcomed. We are concerned with our daily users who might start to experience the same problem as us. I want to mention that the problem does not appear after a deploy, it appears random and it needs a clear cache from the browser to work for a few reloads.
EDIT 1: I want to mention that when this happens, the app does not enter in app.component.ts. I've put some console logs into the constructor and it does not reach that point. the only thing that i can see in the source of the loaded white page is that app-root element is loaded and that it's.
EDIT 2: I've put pointed another doimain that we have to the same ip and it works perfectly...
package.json dependencies:
"dependencies":
"@angular/animations": "^4.0.0",
"@angular/common": "^4.0.0",
"@angular/compiler": "^4.0.0",
"@angular/core": "^4.0.0",
"@angular/forms": "^4.0.0",
"@angular/http": "^4.0.0",
"@angular/platform-browser": "^4.0.0",
"@angular/platform-browser-dynamic": "^4.0.0",
"@angular/router": "^4.0.0",
"angular2-infinite-scroll": "^0.3.43",
"angular2-material-datepicker": "^0.5.0",
"angular2-toaster": "^4.0.1",
"angular4-carousel": "^3.1.8",
"angulartics2": "^4.6.3",
"bootstrap": "^3.3.7",
"core-js": "^2.4.1",
"file-saver": "^2.0.0",
"fuzzyset.js": "0.0.7",
"jquery": "^3.1.0",
"mydatepicker": "^2.2.0",
"ng-lazyload-image": "^3.1.1",
"ng-semantic": "https://github.com/vladotesanovic/ngSemantic/tarball/master",
"ng2-datepicker": "^2.1.4",
"ng2-file-upload": "^1.1.3-0",
"ng2-ion-range-slider": "^2.0.0",
"ngx-image-cropper": "^1.2.4",
"ngx-stripe": "^0.8.2",
"node-sass": "^4.11.0",
"rxjs": "^5.1.0",
"zone.js": "^0.8.4"
,
Thank you in advance!
angular caching browser cloudflare angular caching browser cloudflare asked Mar 9 at 1:14
mariobynmariobyn
616
asked Mar 9 at 1:14
mariobynmariobyn
616
edited Mar 9 at 11:29
mariobyn
asked Mar 9 at 1:14
mariobynmariobyn
616
asked Mar 9 at 1:14
mariobynmariobyn
616
asked Mar 9 at 1:14
mariobynmariobyn
616
616
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27
add a comment |
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27
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%2f55073053%2fcache-error-on-cloudflare-and-angular-4-not-loading-the-content%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%2f55073053%2fcache-error-on-cloudflare-and-angular-4-not-loading-the-content%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
Please have a look at the below mentioned link. YOu have to also tell me that when you get the particular problem does hard reload of the page solves it? stackoverflow.com/questions/34808023/…
– Abhijeet Chakravorty
Mar 9 at 7:41
Hey, thank you for your response. Yes the hard refresh on Chrome solves it, on other browsers, no.
– mariobyn
Mar 9 at 10:08
Most welcome :). Did you try the solution which I have posted in the previous comment?
– Abhijeet Chakravorty
Mar 9 at 10:18
Hey, yes, i tried to put the compile.clearCache() but the problem is that the app does not reach app.component. I edited the question with more details.
– mariobyn
Mar 9 at 10:27