如何从同一目录中的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内容

<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个文件变得不确定