从索引文件中导出组件

创建某些组件时,我有共享的组件文件夹,我想将所有组件导出到index.js文件,然后从该文件中导出所有组件。多数民众赞成在它从组件文件之一的外观:

export default ToggleSwitch;

现在在索引文件中,我尝试再次将其导出,如下所示:

export { default as ToggleSwitch } from './ToggleSwitch';
export { default as Input } from './TextField';
export { default as Button } from './Button';

当我尝试导入组件之一(如果我这样导入)时:

import Button from '../../shared/components';

我收到此错误,说“ ../../shared/components”不包含默认导出 当我尝试像这样导入时,

import { Button } from '../../shared/components';

我收到错误消息,指出按钮不是从“ ../../shared/components”导出的。

我在这里做错了什么?

评论
  • 类敏思
    类敏思 回复

    Have you tried importing as import { Button } from 'shared/components';?

    作为参考,我使用的当前代码库具有类似的存储结构(通量存储),并且此模式有效。

    An example from the codebase: import { ClickStore } from 'stores';.