使用 type="module" 将 javascript 入队

Question

我想countUp.js在 Wordpress 中使用我的自定义主题。

当我添加文件时wp_enqueue_script()，出现错误：

Uncaught SyntaxError: Unexpected token 'export'

我读过它可以在<script>label上进行固定设置type="module"，但我不知道该怎么做，因为该选项不存在于wp_enqueue_script()...

任何人都可以帮助我吗？

Answer 1

可以通过应用过滤器“ script_loader_tag ”向脚本添加属性。

使用add_filter('script_loader_tag', 'add_type_attribute' , 10, 3);添加的过滤器。

像上面链接中给出的示例一样定义回调函数：

function add_type_attribute($tag, $handle, $src) {
    // if not your script, do nothing and return original $tag
    if ( 'your-script-handle' !== $handle ) {
        return $tag;
    }
    // change the script tag by adding type="module" and return it.
    $tag = '<script type="module" src="' . esc_url( $src ) . '"></script>';
    return $tag;
}