Webpack和Scrollmagic-debug.addIndicators不可用

编程问答 2022-06-08

问题描述

我在webpack（v4）项目中使用scrollmagic。 它工作正常，但是当我想在Scrollmagic.Scene（）中使用“ debug.addindicators”时，出现错误：

enter image description here

这是什么错误？

我的进口货

import * as ScrollMagic from 'scrollmagic';
import { TimelineMax,TweenMax } from 'gsap';
import { ScrollMagicPluginGsap } from 'scrollmagic-plugin-gsap';
ScrollMagicPluginGsap(ScrollMagic,TimelineMax);
import 'debug.addindicators';

webpack配置：

module.exports = {
resolve: {
    alias: {
        'debug.addindicators': path.resolve(
            'node_modules','scrollmagic/scrollmagic/uncompressed/plugins/debug.addindicators.js'
        ),},....

调试指示器的使用：

new ScrollMagic.Scene({
    duration: sliderImagesContainerHeight,triggerElement: '#trigger1',triggerHook: 0.25,})
    .setTween(indicatortween)
    .addindicators()
    .addTo(controller);

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

animationanimationanimationgsapjavascriptscrollmagicwebpackwebpackwebpack