CDNでJavaScriptプラグインが読み込めない（GSAP・ScrollTrigger）

html上にCDNでJavaScriptのGSAPライブラリおよび「ScrollTrigger」プラグインを追加したかったのですが、以下のエラーが出ておりGSAPが動作しません。

発生している問題・エラーメッセージ

gsap.min.js:10 GSAP target null not found. https://greensock.com
R @ gsap.min.js:10
Tween @ gsap.min.js:10
to @ gsap.min.js:10
(anonymous) @ scroll-to-beside.js:6
ScrollTrigger.min.js:10 Please gsap.registerPlugin(ScrollTrigger)

該当のソースコード

HTML
1<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/gsap.min.js"></script>
2<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.4/ScrollTrigger.min.js"></script>
3<script src="<?php echo get_template_directory_uri(); ?>/src/assets/js/scroll-to-beside.js"></script>
4
5<div class="container">
6 <div class="area">
7  <div class="wrap">
8    <div class="item">
9    </div>
10    <div class="item">
11   </div>
12   <div class="item">
13   </div>
14   <div class="item">
15   </div>
16   <div class="item">
17   </div>
18   <div class="item">
19   </div>
20   <div class="item">
21   </div>
22  </div>
23 </div>
24</div>

Javascript
1gsap.registerPlugin(ScrollTrigger);
2
3const itemWrapper = document.querySelector('.area');
4const itemInner = document.querySelector('.wrap');
5
6gsap.to(itemInner, {
7  x: () => -(itemInner.clientWidth - itemWrapper.clientWidth),
8  ease: 'none',
9  scrollTrigger: {
10    trigger: '.container', 
11    start: 'top top',
12    end: () => `+=${itemInner.clientWidth - itemWrapper.clientWidth}`,
13    markers: true,
14    scrub: true, 
15    pin: true,  
16    invalidateOnRefresh: true, 
17    anticipatePin: 1, 
18  },
19});