Uncaught SyntaxError: Unexpected token ‘<’
ChunkLoadError: Loading chunk <random text> failed.

Если вы используете Vue/Angular/React и другие модульные фреймворки пользовательского интерфейса с webpack, вы в конечном итоге столкнетесь с этой ошибкой в ​​определенный момент времени.

🔏 Решение:

🖨 Вас не расстраивает эта ошибка? :-) Если вы разработчик, вы скоро поймете, что в 2021 году нам все еще нужно решать эту проблему? - Да.

🏇 Так чем же это вызвано?

Возьмем пример определения маршрута:

  1. Комментарий в приведенном выше маршруте webpackChunkName:testOneView создаст минифицированный js и файл сопоставления в свой «dist» при сборке npm перед обслуживанием.
  2. Проблема возникает, когда этот файл обновляется его последней сборкой, а кэшированный файл браузера отличается от того, который запрашивается и загружается ранее.

Таким образом, при таких ошибках ловите их и запускайте обновление «serviceworker» или перезагружайте страницу, которая автоматически разрешает файлы для.

Найдите другие статьи в моей публикации: ThinkSpecial