TypeError：超级表达式必须为空或函数，从父文件夹导入时未定义

Question

当我尝试从在索引文件中导出的父文件夹中导入一个类时，我收到此错误：

TypeError: Super expression 必须为 null 或函数，而不是未定义

当我在其他地方导入时，没有问题。

导入：import { BaseComponent } from '../';

父文件夹中的索引文件：

import BaseComponent from './BaseComponent';
import Header from './Header';
import NavigationBar from './NavigationBar';

export { BaseComponent, Header, NavigationBar };

在其他文件中导入：import { BaseComponent, NavigationBar, Header } from './common';

为什么导入在子文件夹中时不起作用？

更新

文件结构：

common/
    BaseComponent/
        index.js
    Header/
        index.js
    NavigationBar/
        index.js (import not working for BaseComponent)
    index.js (export file)
App.js (correct import)

更新 2

此导入确实有效，但我正在尝试使用索引文件来组合类：import BaseComponent from "../BaseComponent";

更新 3

Answer 1

答案以供将来参考

我通过更直接地导出索引文件中的类解决了这个问题。我不知道为什么最初的想法行不通，但是这个解决方案可以解决问题：

export {default as BaseComponent} from './BaseComponent';
export {default as Header} from './Header';
export {default as NavigationBar} from './NavigationBar';

Answer 2

@奥利维尔

您正在混合使用默认导出语法和命名导出语法。

你需要匹配导入和导出语法，所以：

export default BaseComponent { ...
       ^^^^^^^ => export default...

matches

import BaseComponent from '../BaseComponent'
       ^^^^^^^^^^^^^  ==> import witout {}

和

export BaseComponent { ...
       ^^^^^^^^^^^^^  => named export
matches

import { BaseComponent } from '../BaseComponent'
      ^^              ^^ ==> use {} to named imports!