Не работают асинхронные импорты?

Question

[misterobot404]

Начал рефакторить код и выяснилось что динамический импорт не будет работать без require("./components/Constructor/ConstructorControlPanel")

import bootstrap from 'bootstrap'
window.bootstrap = bootstrap;
import vue from "vue";
window.Vue = vue;
import store from './store/store'
require("./components/Constructor/ConstructorControlPanel");

new Vue({
    el: '#app',
    components: {
        Manager: () => import(/* webpackChunkName: "Manager" */ './components/Manager'),
        Constructor: () => import(/* webpackChunkName: "Constructor" */ './components/Constructor'),
        Viewer: () => import(/* webpackChunkName: "Viewer" */ './components/Viewer'),
    },
    store,
    beforeMount() {
        this.$store.dispatch('initStore');
    }
});

Ошибка Есть идеи?

Comments

[misterobot404]

Собственно ConstructorControlPanel это самый просто компонент и как он может влиять на динамические импорты я не понимаю

<template>
    <div id="constructor-header">
        <!--TODO: Изменить цвет при нажатии кнопок-->
        <a class="constructor-header-button">Setting</a>
        <a class="constructor-header-button" @click="saveMap">Save</a>
        <a class="constructor-header-button" :href="baseUrl+map_id">Viewer</a>
    </div>
</template>


<script>
    export default {
        name: "ConstructorControlPanel",
        data() {
            return {
                baseUrl: "/view/",
                map_id: window.inputMap.map_id
            }
        },
        methods: {
            saveMap: function () {
                this.$store.dispatch("setMap");
            },
        }
    }
</script>