吐温马克斯。本地服务器（MAMP）上的js未正确初始化-抛出错误

Question

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

当我在浏览器中运行完全相同的页面，但该页面托管在远程服务器上时：https://depicture.io/，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)

它指向这条线：

var rule = CSSRulePlugin.getRule(".grid__item span::after");

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

Answer 1

请按照此处提到的步骤顺序操作：https://www.npmjs.com/package/greensock

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

通过NPM-

npm install gsap

通过CDN-

<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";

我认为这应该行得通。