У меня есть динамический c компонент импорта, который динамически импортирует различные Vue компоненты:
<template>
<component :is="componentLoader" v-bind="props"></component>
</template>
<script>
export default {
props: {
file: {
type: String,
default: () => null
},
props: {
type: Object,
default: () => {}
}
},
name: "loader",
computed: {
componentLoader () {
return () => import(`./cards/${this.file}`);
}
}
}
</script>
Я использую его так:
<loader file="profile/skills/show"></loader>
Он отлично работает, если я запустить nom run dev
и работает в Chrome, Firefox, et c. даже когда я бегу nom run prod
. Однако в Safari я получаю следующую ошибку (только после запуска prod):
[Vue warn]: Failed to resolve async component: function () {
return __webpack_require__("./resources/js/cards lazy recursive ^\\.\\/.*$")("./".concat(_this.file));
}
Reason: TypeError: undefined is not an object (evaluating 'modules[moduleId].call')
Что вызывает это? У меня есть другой проект с аналогичной настройкой, которая работает отлично.