javascript - 以不同的名称导入 ES6 类

Question

使用gulp、 browserify 和 babelify，导出/导入类工作正常，直到我尝试以不同的名称导入同一个类：

// Acme/DefaultInit.js
export default class DefaultInit {
    constructor() {
        console.log('hello');
    }
}

// App/Init.js
import * as B from "../Acme/DefaultInit";

class Init extends B.DefaultInit {
    constructor() {
        super();
        console.log('how are you?');
    }
}

所以当我运行 gulp 构建的脚本时，错误是：

TypeError: Super expression must either be null or a function, not undefined

来自 babel 生成的代码

if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } 

我在那里做错了什么？请注意，没有 jslint 错误

Answer 1

您正在导出DefaultInit为默认值，因此它实际上可以从B.defaultnot中获得B.DefaultInit。

如果您希望能够从之前B.DefaultInit删除或替换为.defaultclass DefaultInitimport * as Bimport DefaultInit