typescript - 与 Webpack 捆绑时出现循环引用错误

我正在转换一个 Typescript 项目，该项目使用module/namespace语法和triple slash directive，因此它将使用ES6 import语法。该项目使用tsc命令转译代码，但将更改为使用 Webpack。

我已经成功切换，所以它使用 Webpack 构建。而且我正在慢慢地将模块导入到新的 ES6 语法中。

它工作得很好，但现在我得到了这个错误，我推断它很可能是由于循环引用。

import在更改为使用over之前，我查找了为什么这不是问题triple slash directive，似乎是在使用三斜杠时，您基本上告诉 Typescript 您要按照放置指令的顺序连接文件。在 Webpack 案例中，它需要文件。

无论如何，我想知道 Webpack 是否有一些插件可以构建捆绑包，以便找到并修复循环引用？简短的回答可能是否定的，但我正在尝试我的运气！

更新

正如@AluanHaddad 所建议的，我将目标更改为ESNextin tsconfig.json。而我现在收到以下错误。我想这是相同的错误消息，但现在可能更清楚问题是什么？

给这个错误信息一些上下文。

我有一门课，看起来如下。似乎当需要/调用 Button 时，继承的调用尚未启动。怎么会这样？

export class Button extends Component { ... }

标签： typescriptwebpack