javascript - 将类型为 ="module"的 javascript 加入队列

Question

我想使用 countUp.js关于我在 Wordpress 中的自定义主题。
当我使用 wp_enqueue_script() 添加文件时，我得到一个错误:

Uncaught SyntaxError: Unexpected token 'export'

我读过它可以在 <script> 上进行固定设置标签 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;
}