从索引文件中导出组件答案

【问题标题】：export components from index file从索引文件中导出组件
【发布时间】：2020-08-27 01:46:13
【问题描述】：

当我创建一些组件时，我有共享组件文件夹，我想将它们全部导出到 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”导出。

我在这里做错了什么？

【问题讨论】：

请制作可生产的例子codesandbox.io/s/vanilla-react-template-irhcq
分享你的按钮组件。
包含export { default as Button } from './Button';的再导出模块，导出为Button而不是default。因此，您不能像从该模块中导入 default 一样导入它。 import { Button } from '/re-exporting-module'; 是正确的
他仍然说命名导出不起作用......我认为这只是某个地方的错字......但我们需要一个可生产的例子
@DennisVash 很公平。我只是想澄清这一点。

标签： javascript reactjs

【解决方案1】：

您是否尝试过导入为import { Button } from 'shared/components';？

作为参考，我使用的当前代码库具有类似的存储结构（通量存储），并且这种模式有效。

代码库中的一个示例：import { ClickStore } from 'stores';。

【讨论】：

是的，我试过了，我得到了这个错误：尝试导入错误：'Button' is not export from '../../shared/components'。
nvm 我有一个文件我忘了它在哪里 - 从“共享/组件”导入按钮；这就是问题所在