如何从同一目录中的 index.js 导入一些东西？答案

【问题标题】：How import something from index.js in the same directory?如何从同一目录中的 index.js 导入一些东西？
【发布时间】：2019-09-20 19:00:04
【问题描述】：

我有类似的文件夹结构，如下所示

/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>

【问题讨论】：

试试export * from "./ModuleA.vue"
@joyBlanks，不起作用:(
我发现了一件事，如果我要导入的组件在 index.js 之后，它可以工作，如果在之前，就会出错，而不是原因或解决方法

标签： javascript node.js vue.js ecmascript-6

【解决方案1】：

你不能有一个带有导入的循环依赖结构。

ModuleA 需要索引
索引需要 ModuleA

这会在与 webpack 捆绑时产生未定义的行为，通常表现为 1 个文件变得未定义

【讨论】：

在这种情况下你会建议我做什么？
代替import { ModuleB } from '@/components/organisms 做import ModuleB from '@/components/organisms/ModuleB