Проблема с отложенной загрузкой: загрузка фрагмента 0 не удалась
[введите описание изображения здесь][1] компоненты в - lazy.module.ts
const routes: Routes = [
{ path: 'memberdetails', component: MemberDetailsComponent },
{ path: 'leaves', component: LeavemanagementComponent },
{ path: 'attendance', component: AttendanceComponent }
];
приложение-routing.module.ts
const routes: Routes = [
{ path: 'lazy', loadChildren: './lazy.module#LazyModule'},
];
он работает локально, но после размещения его, когда я нажимаю на любую из этих ссылок, я получаю эту ошибку...
vendor.05d559e….bundle.js:1 ERROR Error: Uncaught (in promise): Error:
Loading chunk 0 failed.
Error: Loading chunk 0 failed.
at HTMLScriptElement.r (inline.9786b27….bundle.js:1)
at HTMLScriptElement.L (polyfills.1a7da64….bundle.js:1)
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at Object.onInvokeTask (vendor.05d559e….bundle.js:1)
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at r.runTask (polyfills.1a7da64….bundle.js:1)
at t.invokeTask [as invoke] (polyfills.1a7da64….bundle.js:1)
at h (polyfills.1a7da64….bundle.js:1)
at HTMLScriptElement.d (polyfills.1a7da64….bundle.js:1)
at HTMLScriptElement.r (inline.9786b27….bundle.js:1)
at HTMLScriptElement.L (polyfills.1a7da64….bundle.js:1)
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at Object.onInvokeTask (vendor.05d559e….bundle.js:1)
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at r.runTask (polyfills.1a7da64….bundle.js:1)
at t.invokeTask [as invoke] (polyfills.1a7da64….bundle.js:1)
at h (polyfills.1a7da64….bundle.js:1)
at HTMLScriptElement.d (polyfills.1a7da64….bundle.js:1)
at u (polyfills.1a7da64….bundle.js:1)
at u (polyfills.1a7da64….bundle.js:1)
at polyfills.1a7da64….bundle.js:1
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at Object.onInvokeTask (vendor.05d559e….bundle.js:1)
at e.invokeTask (polyfills.1a7da64….bundle.js:1)
at r.runTask (polyfills.1a7da64….bundle.js:1)
at o (polyfills.1a7da64….bundle.js:1)
at t.invokeTask [as invoke] (polyfills.1a7da64….bundle.js:1)
at h (polyfills.1a7da64….bundle.js:1)
структура папок 
6 ответов
Очистите кэш или используйте комбинацию клавиш CTRL + Shift + R и попробуйте снова!
Жесткая перезагрузка CTRL + Shift + R помогла в моем конкретном случае, потому что моя проблема заключалась в том, что я внес изменения в дизайн и нуждался в жесткой перезагрузке. Не уверен, что это решит эту ошибку во всех случаях.
В моем случае эту проблему создавало расширение Ad Blocker. Однажды я отключил его. Проблема решена
У нас возникла такая же проблема на нашем сервере localhost. Причина - недействительный сертификат в хроме и других браузерах. Мы изменили опцию в Chrome.
Эта опция будет работать только для запросов к localhost через HTTP.
В адресной строке Chrome введите chrome: // flags / #allow-insecure-localhost и затем выберите ссылку «Включить».
Недавно мы столкнулись с той же проблемой в сборках Angular. Мы используем Angular 7+. Причиной действительно был Тайник. Но в нашем случае это был кеш на основе CloudFront. Итак, я предлагаю, если вы столкнетесь с какой-либо такой проблемой, очистите все типы кешей, как:
- Зависит от домена (например, CloudFlare)
- Любой кеш CDN - например; CloudFront от AWS. Позже мы реализовали решение, в котором любой новый конвейер развертывания автоматически обновляет кэширование CloudFront. Теперь нет необходимости очищать кеш вручную.
- Кэш на основе веб-сервера - Apache или IIS
- Кеш браузера пользователя.
В некоторых статьях на Medium.com упоминалось о написании службы / директивы для уведомления об изменениях сборки. мы не реализовали его, но мне он кажется многообещающим.
Если это не решит проблему, попробуйте также очистить кеш пакетов с помощью сборщика. Подобно тому, как у нас есть конвейеры на основе GitLAb CI, которые также создают такие проблемы, для устранения которых мы отключили кеширование исходного кода / пакетов в средстве выполнения GitLab.
Проверка « Отключить кеш» в инструментах разработчика
Затем нажмите Ctrl + F5 и CTRL + SHIFT + R несколько раз, чтобы решить проблему.