typescript - 将 Bable Typescript 与 Angular Cli 一起使用

Question

我们有一个在Recogito Annotorius上运行的应用程序。使用 Angular 11 应用程序。

现在我们正在尝试添加SelectorPack，同一作者提供的插件。当我们尝试导入此插件时，我们会收到以下错误

参考与作者的讨论，

您可能没有使用正确的 babel 预设。

所以我们需要用 angular-cli 管理 babel 预设。我们试图关注来自媒体的文章，但这不是关于 angular cli

我们还尝试使用本文更新 tsconfig.json ，但没有成功

任何如何使用 babel 配置 angular cli 的指导都会有所帮助。

我们的准则

import * as OpenSeadragon from 'openseadragon';
import * as Annotorious from '@recogito/annotorious-openseadragon';
import SelectorPack from '@recogito/annotorious-selector-pack';

ngAfterViewInit(){
    this.viewer = OpenSeadragon({
        element: this.ref.nativeElement,
        prefixUrl: "assets/openseadragon/",
        panHorizontal: true,
        defaultZoomLevel: 0,
        homeFillsViewer: true,
        minZoomLevel: 0,
        maxZoomLevel: 10,
        visibilityRatio: 0,
        tileSources: tileSources,
        degrees: 0,
        showRotationControl: true,
    });

    this.annotorius = Annotorious(this.viewer, { widgets: widgets });
    const IS_WMTS = true;
    const selectorPackConfig = IS_WMTS ?
        { tools: ['freehand'] } : null;

    new SelectorPack(this.annotorius, selectorPackConfig);
}