类导入产生未定义答案

【问题标题】：Class import produces undefined类导入产生未定义
【发布时间】：2021-03-18 21:35:23
【问题描述】：

我正在开发一个 Vue 应用程序并尝试构建一些帮助类：

文件 a.js：

export default class Base {//...}

文件 b.js：

import Base from "./a"
export default class Middle extends Base { // ... }

文件 c.js：

import Middle from "./b" // Middle here is undefined
export default class Final extends Middle { // ... }}

当我导入 Middle 时，它是未定义的，并在 extends Middle 的行上给我 Uncaught TypeError: Super expression must either be null or a function

我也试过

let Middle = class Middle .... 
export default Middle

据我所知，这不应该有所作为，也没有解决问题..

我正在构建一个作为独立库的组件：

vue-cli-service build --target lib

【问题讨论】：

Super expression must either be null or a function ...你错过了一些东西export default class Middle extends Base { // ... } ....即// ...不足以表明你做错了什么

【解决方案1】：

最后我发现这是某种递归。在 Base 类中，我有一个工厂方法，它解释 JSON 并返回相应的 Final 类。这当然意味着我必须在 Base 类的文件中导入 Final 类。

【讨论】：