JavaScript 中是否可以从子类导入父模块？

我有两个带有自己模块的文件，Sub.js and 父.js

父.js：

import Sub from "/.Sub.js"
export default class Parent {
    static createSomething(){
        new Sub();
    }
}

Sub.js:

import Parent from "/.Parent.js"
export default class Sub extends Parent {
    contructor(){}
}

这样我就得到了错误：

ReferenceError：初始化之前无法访问词法声明“X”

无法使用子模块，因为需要父模块，但导入父模块需要导入子模块，我认为？

这可以通过将它们放在同一个文件中来解决，但我想知道是否有办法将它们保留为单独的文件。

实现此类循环依赖项时，请确保您在其他代码中使用的文件不包含顶级文件export需要其他文件的声明。在你的情况下：

• 如果你导入Sub在其他一些文件中，它的顶级export需要Parent这需要Sub，那么就无法解决：蛇咬自己的尾巴
• 如果你导入Parent在其他一些文件中，它的顶级export不需要Sub立即（仅当createSomething正在被调用）。在这种情况下，Parent export完全解决，那么Sub文件能够解析自己的export以及。

作为一般建议，我建议不要循环依赖。然而，这是一个可能的解决方法，利用动态import https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/import语法而不是静态语法：

父.ts

export default class Parent {
    static async createSomething() {
        const Sub = await import('./sub').then(x => x.default);
        return new Sub;
    }
}

Parent.createSomething().then(console.log);

sub.ts

import Parent from "./parent"
export default class Sub extends Parent {
    contructor() { }
}