Laravel-mix неправильно подгружает пути?

Question

[Alex Wells]

Здравствуйте. Использую laravel, вместе с которым идет laravel-mix. Он построен на базе webpack.
В конце конфига у меня несколько строчек:

if (mix.config.inProduction) {
    mix.version();
}

Когда работал в дев-окружении, все было нормально. Теперь-же, после выкатки на продакшен, и собирания с помощью npm run production, иногда неправильно подгружаются asset'ы. Для примера, можете зайти на https://ozzgame.com и потыркать верхнюю менюшку. В какой-то момент, всегда рандомный, в консольке появится сообщение:
SyntaxError: expected expression, got '<'
Нажав "подробнее", можно увидеть, что браузер пытается загрузить relative путь, а не root:

view-source:https://ozzgame.com/history/assets/js/coinflip-bundle.a8143c8e6e217b6de272.js

Почему так происходит? Как это исправить? Самое странное, что случается всегда в разных местах.

Answer 1

[Александр Аксентьев]

В JS используется подгрузка динамическая, и там используются не абсолютные пути, поэтому всё ломается когда в адресе есть "подпапка" т.е. site.com/dsa/sada

Comments

[Alex Wells]

1) Почему в дев окружении работало?)
2) Возможно ли обойти со стороны вебпака/mix'а/проекта? В коде используется lazy-loading, как тут: https://github.com/codecasts/spa-starter-kit/blob/...

3) Возможно ли обойти со стороны браузера? Поможет ли vue-router html5 mode?

[Александр Аксентьев]

Alex Wells:
1. всякое бывает
2. по ссылке как раз относительные(./) пути из-за которых ломается, а не абсолютные(/)
3. поможет, только наоборот не html5 мод, а выключение его т.е. hash режим включить.

[Alex Wells]

Александр Аксентьев:

На счет относительных - ну то понятно, оно собирается в бандлы, тех относительных уже в финальной версии по идее быть не должно.

А в общем - спасибо. Помогло комментирование строчки mode: 'history'

[Alex Wells]

Александр Аксентьев: Спасайте!) Не знаю, как я этого не заметил сразу, но после включения hash режима на сайте любой клик (по любому кликабельному элементу кроме router-link) перебрасывает на / . Как такое вообще может случатся? Я на 100% уверен, что нигде в коде не делаю .push '/' или подобные вещи!

Просто меняя mode на 'history' все возвращается на круги своя и никуда не перебрасывает. Только в таком случае остается проблема, с которой я сюда пришел.

И, кстати, таки да - в дев окружении то прекрасно работает загрузка бандлов, а на продакшене - рандомно, не все, выборочно по желанию браузера некоторые неправильно загружаются.

[Александр Аксентьев]

Alex Wells: я о таком и не слыхал.

Должно пути менять на #super/route/asdsad

Можно попробовать принудительно hash поставить в mode.

Но в целом фиг знает

[Alex Wells]

Александр Аксентьев: Пробывал.. Вообще странно, я аж сам ахренел.

Сделал статичную загрузку и history mode, работает нормально. Пока хотя бы так.