Я пытаюсь перейти к отложенной загрузке компонентов в моем приложении Laravel / Vue (код ниже). Перед разделением кода и отложенной загрузкой профиль выглядит следующим образом:
![enter image description here](https://i.stack.imgur.com/6oUpv.png)
После разделения кода выполнение выглядит следующим образом:
![enter image description here](https://i.stack.imgur.com/D1xWU.png)
До разделения кода я включал компоненты следующим образом:
Vue.component('component-name', require('./components/component.vue').default);
После разделения кода я импортируюследующие компоненты:
Vue.component('component-name', () => import('./components/component.vue') );
При импорте веб-пакет требует разделить код на отдельные пакеты, как и ожидалось, и компоненты динамически загружаются приложением, хотя очень далеко между.
![enter image description here](https://i.stack.imgur.com/46lEx.png)
Кто-нибудь знает, что здесь может происходить?