如何将javascript脚本加载到WordPress中？

我正在尝试将以下脚本插入我的Wordpress网站，但我正在努力使其正常工作

我将源代码添加到我的子主题中，并将.js排入function.php中的wp，如下所示：

add_action( 'wp_enqueue_scripts', 'Fake3DEffect_load' );
function Fake3DEffect_load(){
  wp_enqueue_script( 'Fake3DEffect_src', get_stylesheet_directory_uri() . '/js/Fake3DEffect/js/src.js', array( 'jquery' ) );
  wp_enqueue_script( 'Fake3DEffect_app', get_stylesheet_directory_uri() . '/js/Fake3DEffect/js/app.js', array( 'jquery' ) );
  wp_enqueue_script( 'Fake3DEffect_gyronorm', get_stylesheet_directory_uri() . '/js/Fake3DEffect/js/lib/gyronorm.js', array( 'jquery' ) );
}

但是在控制台日志中，我在第1行得到了这个错误：

import fragment from './shaders/fragment.glsl'; <--- Uncaught SyntaxError: Unexpected identifier

---

从“./shaders/fragment.glsl”导入片段 你不需要3个脚本，只需要1个

看

它们有一个id为“gl”的div和一组参数

            <div 
                id="gl" 
                data-imageOriginal="img/lady.jpg" 
                data-imageDepth="img/lady-map.jpg" 
                data-horizontalThreshold="35" 
                data-verticalThreshold="15">
            </div>



最后，它们只包含一个脚本

<script src="js/app.js"></script>



脚本标记需要出现在页面HTML的底部，而不是顶部才能工作。
您不需要3个脚本，只需要1个

看

它们有一个id为“gl”的div和一组参数

            <div 
                id="gl" 
                data-imageOriginal="img/lady.jpg" 
                data-imageDepth="img/lady-map.jpg" 
                data-horizontalThreshold="35" 
                data-verticalThreshold="15">
            </div>



最后，它们只包含一个脚本

<script src="js/app.js"></script>



脚本标记需要出现在页面HTML的底部，而不是顶部才能工作