为什么一些Javascript代码可以在一个小型静态网站上工作，而不能在Wordpress中工作

是一个测试页面，包含Bodymovin After Effects插件生成的一些.js代码

但是，当我在开发中的Wordpress站点上的

标记之前包含该代码时，相同的代码会生成以下错误

Uncaught TypeError: Cannot read property 'appendChild' of undefined
    at SVGRenderer.configAnimation (globe_2.js:formatted:4724)
    at AnimationItem.configAnimation (globe_2.js:formatted:6533)
    at AnimationItem.setParams (globe_2.js:formatted:6444)
    at Object.n [as loadAnimation] (globe_2.js:formatted:6281)
    at Object.loadAnimation (globe_2.js:formatted:1319)
    at globe_2.js:formatted:17169

编辑：如果在

wp_head（）之后包含代码，则会出现相同的错误

调试代码时，我可以看到这是因为动画的
包装器
变量未定义。这是因为
上下文
变量未定义

查看堆栈内溢出表明，如果DOM没有完全加载，这种情况可能会发生，因此我通过将所有内容包装在下面的代码中来附加到
窗口

window.addEventListener("load",function(event) { MY CODE },false);

但是，仍然会生成相同的错误

我认为可能有某种Javascript代码冲突，所以我关闭了Wordpress中的所有插件，没有区别

还有什么其他原因可以让代码在一个网站上工作，而不是在另一个网站上工作

编辑：两个站点位于同一台服务器上。此外，我将页面源代码复制到另一个HTML页面上，并从中删除了所有
标记。没有区别

非常感谢您的任何帮助，我开始发疯了
 js代码看起来非常独立。我不认为依赖性在起作用。将调试重点放在以下方面：

您的html中是否有包装标签

js是否包含在包装标签之后

js代码看起来非常独立。我不认为依赖性在起作用。将调试重点放在以下方面：

您的html中是否有包装标签

js是否包含在包装标签之后

还有什么其他原因可以让代码在一个网站上工作，而不是在另一个网站上工作？你有多少时间？你有没有试着把脚本源代码移到wp_head的正下方，看看是否会出现同样的错误？请你用html和js的代码示例来澄清一下，因为提供的测试页面没有什么需要澄清的us@danwebb是的，谢谢，只是试过了，得到了同样的错误好吧，人为错误是罪魁祸首。删除非功能性html中的所有其他元素后，我意识到我在class属性中包含了单词“lottie”，而不是id属性。谢谢大家的帮助！还有什么其他原因可以让代码在一个网站上工作，而不是在另一个网站上工作？你有多少时间？你有没有试着把脚本源代码移到wp_head的正下方，看看是否会出现同样的错误？请你用html和js的代码示例来澄清一下，因为提供的测试页面没有什么需要澄清的us@danwebb是的，谢谢，只是试过了，得到了同样的错误好吧，人为错误是罪魁祸首。删除非功能性html中的所有其他元素后，我意识到我在class属性中包含了单词“lottie”，而不是id属性。谢谢大家的帮助！这不是答案。我发现我把“lottie”放在class属性而不是id属性中。谢谢你，埃里克斯！这不是答案。我发现我把“lottie”放在class属性而不是id属性中。谢谢你，埃里克斯！