Как импортировать компонент Vue, интерполируя его путь?
Я хотел бы импортировать список компонентов с помощью Vite следующим образом:
defineAsyncComponent(() => import(`${path}.vue`))
для динамического импорта у вас должен быть префикс пути. Пример: import(`../pages/${pageName.value}.vue`)
![Безумие обратных вызовов в javascript [JS]](https://i.imgur.com/WsjO6zJb.png)
Ответы 1
Vite не может импортировать вложенные динамические пути:
https://vitejs.dev/guide/features.html#dynamic-import
Это потому, что Vite является упаковщиком и ему необходимо статически разрешать пути.
Если вам нужен путь к папке, просто используйте import.glob:
https://vitejs.dev/guide/features.html#glob-import
Все необходимые файлы вы можете найти по шаблону:
const modules = import.glob('./components/*.vue');
Затем, когда вам нужен динамический компонент, вы ищете его modules по пути к файлу и получаете функцию импорта для его динамической загрузки.
Обратите внимание, что все компоненты, найденные с помощью import.glob, не подлежат встряхиванию, поэтому все они будут включены в комплект независимо от того, используете ли вы их в приложении или нет.
Пожалуйста, не описывайте ошибку, а перечислите ее. Как работает приложение? Также необходима отладочная информация о неудачном запросе.