Javascript 本地服务器（MAMP）上的TweenMax.js未正确初始化-抛出错误

我正在MacOS上运行本地服务器（MAMP）。当我打开一个包含TweenMax的网页的.php（html）文件时，页面加载良好，但tweens根本不起作用。浏览器控制台给出错误：“未捕获不能在空目标之间。”

当我在浏览器中运行完全相同的页面，但该页面托管在远程服务器上时，tweenmax可以工作。为什么会有这样的差异？本地服务器和远程服务器之间执行脚本的方式不应该相同吗

任何帮助都将不胜感激，因为我找不到有类似问题的人

我也得到了这个错误：

DOMException: Failed to read the 'cssRules' property from 'CSSStyleSheet': Cannot access rules
    at Function.CSSRulePlugin.getRule (http://localhost:8888/Depicture/js/CSSRulePlugin.js:53:19)
    at HTMLDocument.<anonymous> (http://localhost:8888/Depicture/:2077:29)
    at c (https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js:3:7857)
    at Object.fireWith [as resolveWith] (https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js:3:8658)
    at Function.ready (https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js:3:3266)
    at HTMLDocument.H (https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js:3:695)

---

CSSRulePlugin按原样加载，在远程服务器上运行良好。

请按照此处提到的步骤顺序操作：

通过npm安装，或直接使用cdn url，如下所示

通过NPM-

npm install gsap

通过CDN-

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>

---

我认为这应该行得通。

本地和远程服务器上的“tween target”是什么。在不知道服务器设置的情况下很难回答，它们是否运行完全相同的代码，您是否使用相同的浏览器在其上查看？如果您使用的是TweenMax的JS版本（看起来您是），那么服务器不应该有什么不同。JS在浏览器中运行。您的JS是否加载了任何具有硬编码本地路径的资产或任何东西？我不确定tween target，但它在服务器之间应该是相同的，因为代码完全相同。我在两台服务器上使用相同的浏览器，从CDN中提取TweenMax的JS版本（相同的链接），并且加载良好（CORS或类似的东西没有问题）。没有绝对的联系，这都是相对的，所以不应该有任何区别。这是链接：（样式结束于1724）很抱歉代码混乱。两台服务器都运行完全相同的PHP版本，设置方式相同吗？是的，我刚刚检查过。然而，即使他们没有，如果没有涉及PHP脚本（除了工作正常的表单），为什么这会是一个问题呢。我想这很可能是404错误。检查浏览器中的“网络”选项卡，以确保在本地和远程中都按预期加载了所有内容。这两种环境之间一定存在差异。可能是一个没有添加到git/上传的文件。可能是权限或缺少资产。这不太可能解决此问题，因为看起来GSAP正在加载，但找不到其目标

<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.2/TweenMax.min.js"></script>

//typical import 
import {TweenMax, Power2, TimelineLite} from "gsap";

//or get to the parts that aren't included inside TweenMax (works as of 1.19.1): 
import Draggable from "gsap/Draggable";
import ScrollToPlugin from "gsap/ScrollToPlugin";