ChunkLoadError: Loading chunk 5 failed

ChunkLoadError Loading chunk

Hibaüzenet

ChunkLoadError: Loading chunk 5 failed

Hibás kód

// dinamikus import
import(/* webpackChunkName: 'chunk5' */ './chunk5');

Javított kód

// A felhasználó cache-ét frissíteni kell, vagy új build-et deploy-olni

Magyarázat

ChunkLoadError: Loading chunk failed hiba akkor fordul elő, amikor egy dinamikusan betöltött Webpack chunk (pl. `chunk5`) nem található a szerveren vagy a felhasználó cache-elt régi fájlt próbálja betölteni. A böngésző hibát jelez, mert a fájl nem elérhető. A megoldás, hogy új verzió deploy után cache-törlést küldesz (pl. cache-busting hash), vagy értesíted a felhasználót, hogy frissítse a lapot. Backend oldalon ellenőrizd, hogy minden chunk megtalálható és a CDN frissítve van.

További információ: Webpack dynamic import