无效的属性 ScrollTrigger Gsap Laravel答案

【问题标题】：Invalid property ScrollTrigger Gsap Laravel无效的属性 ScrollTrigger Gsap Laravel
【发布时间】：2021-02-16 16:19:57
【问题描述】：

安装 Gsap 后，我在 laravel 中遇到警告：“无效属性 ScrollTrigger 设置为 {trigger：“js-title-animation2”，开始：“20px 80%”，标记：true，toggleActions：“重新启动暂停反转none"} 缺少插件？gsap.registerPlugin()"

file.blade.php

@section('scripts')
<script type="text/javascript" src="{{asset('js/newHome.js') }}"></script>
<script src=" {{asset('/js/scripts/gsap.min.js') }} "></script>
<script src="{{asset('/js/scripts/ScrollTrigger.min.js')}}"></script>

<script>
//    TweenMax.to('.js-title-animation', 1, {rotation: 360});
// gsap.registerPlugin(ScrollTrigger);
gsap.to('.js-title-animation', {duration: 3, text: '@lang('home.header-title-new-home')', ease: "none"});
// gsap.to('.js-title-animation2', {duration: 3, text: '@lang('home.header-subtitle-new-home')', ease: "none"});
gsap.to('.js-title-animation2', {ScrollTrigger: {
    trigger: 'js-title-animation2',
    start: "20px 80%",
    markers: true,
    toggleActions: "resart pause reverse none"
},
x: 200,
rotation: 360,
duration: 3
});

</script>
@endection

【问题讨论】：

还尝试取消注释 "// gsap.registerPlugin(ScrollTrigger);" ,....但什么都没有！！
您需要在加载 GSAP 和 ScrollTrigger 之后包含自定义 JS。确保 ScrollTrigger 文件的文件路径正确（或从 CDN 加载）。并确保注册 ScrollTrigger。有关详细信息，请参阅the GSAP installation page。
另外，您在补间中使用了错误的大小写：BAD: {ScrollTrigger:...} GOOD: {scrollTrigger:...}

标签： laravel installation gsap

【解决方案1】：

您可能有不兼容的 gsap 和 ScrollTrigger 版本

// 这对我有用

// 来源 https://greensock.com/docs/v3/Installation?checked=core,scrollTrigger,debug#CDN

对不起我的英语不好

【讨论】：