Как импортировать что-то из index.js в тот же каталог?

Question

i структура папок, аналогичная приведенной ниже

/components/organisms
-- ModuleA.vue
-- ModuleB.vue
-- index.js

содержимое index.js

export { default as ModuleA } from "./ModuleA.vue"
export { default as ModuleB } from "./ModuleB.vue"

, если я пытаюсь импортировать ModuleB в ModuleA, выдается ошибка

ModuleA.vue content

<script>
import { ModuleZ } from '@/components/molecules' // component from another directory, it works perfectly
import { ModuleB } from '@/components/organisms' // can't find, error
</script>

Кто-нибудь может мне помочь?

Answer 1

У вас не может быть циклической структуры зависимостей с импортом.

• Для ModuleA требуется индекс
• Для индекса требуется ModuleA

Это создает неопределенное поведение при связывании сwebpack, обычно проявляющийся как 1 из файлов, становящихся неопределенными