Question

我有一个angular 7应用程序，其中有一个指令可以使用tippy.js 4.0.2创建工具提示。在本地模式（ng服务）上，这可以很好地工作。但是，一旦我尝试将其集成到服务器上运行的页面（该页面以tippy.js 2.6.0作为全局变量）中，则在单击具有工具提示的元素时，mouseup上会出现以下错误：

TypeError：我是未定义的tippy.all.min.js：1：23177

为什么两个版本的toppy会干扰，如何解决该错误？

我的tippy指令包含以下重要部分：

import {
    Instance as TippyInstance,
    Props as TippyOptions,
    default as tippy,
} from 'tippy.js';

/** fake component needed to be able to include tippy theme styles */
@Component({
    selector: "[tooltip]",
    template: `<ng-content></ng-content>`,
    styleUrls: [
        '../../../node_modules/tippy.js/themes/light.css',
    ],
    encapsulation: ViewEncapsulation.None
})
@Directive({
    /* tslint:disable-next-line */
    selector: '[tooltip]',
})

并使用我动态更新的更新选项

if (!this.tippyInstance) this.tippyInstance = tippy(this.el.nativeElement, this.tippyOptions || undefined) as TippyInstance;
else this.tippyInstance.set(this.tippyOptions);

Answer 1

我无法解决问题，但是在我的角度项目中对tippy.js v2.6.0的降级使错误按预期消失了。

tippy.js版本干扰

1 个答案: