Мы используем Cloudflare и Angular 4 в нашем приложении почти 2 года, и у нас не было проблем до недавнего времени, когда мы обнаружили, что на некоторых из командных компьютеров Mac страницы не загружаются или они остаются на вращающемся колесе навсегда.Мы проверили консоль, и никаких ошибок не появилось, а также получили доступ к приложению через IP-адрес, и оно работало отлично.Если я делаю кеш очистки браузера в Chrome, он работает, но в Safari или Firefox это не работает.Мы несколько раз пытались очистить кеш от cloudflare, но это не решило проблему ...
Иногда он загружает контент, а иногда нет.Также мы увидели эту проблему на мобильных телефонах, которые тестировали приложение ... Мы сузились до проблемы с кэшированием.
Мы пытались обойти кэширование в файлах html и js из правил страницы cloudflare, но у нас все еще есть проблемы с этим.Мы не знаем точно, что делать, и не знаем, какую дополнительную информацию предоставить, потому что мы мало что можем найти.
Любая помощь или направление для проверки приветствуются.Мы обеспокоены нашими ежедневными пользователями, которые могут начать испытывать ту же проблему, что и мы.Я хочу упомянуть, что проблема не появляется после развертывания, она кажется случайной, и ей требуется очистить кеш из браузера, чтобы работать для нескольких перезагрузок.
РЕДАКТИРОВАТЬ 1: Я хочу упомянуть, что, когда это происходит, приложение не входит в app.component.ts.Я поместил некоторые консольные журналы в конструктор, и он не достигает этой точки.единственное, что я могу видеть в источнике загруженной белой страницы, это то, что элемент app-root загружен и что это.и это прекрасно работает ...
package.json зависимости:
"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"
},
Заранее спасибо!