我刚刚开始使用javascript模块，并使用webpack进行捆绑。并且在理解/解决两个文件之间的以下相互依赖的情况时遇到问题。在我看来-UIElement和Slider并不是真正不同的模块，但是我希望它们位于两个单独的文件中。 我收到运行时错误“未捕获的ReferenceError：初始化前无法访问'UIElement'”

（我在想一个可能的解决方案可能是webpack在构建过程中将执行#include或importScripts并将多个文件合并为一个文件）

--- UIElement.js ---

import {Scrollbar} from "./Scrollbar.js" // how to do this ?? 

class UIElement {
   constructor(){
      this.horScroll = new Scrollbar();
      this.verScroll = new Scrollbar();
   }
}

-Scrollbar.js ---

import {UIElement} from "./UIElement.js"

class Scrollbar extends UIElement
{
}