Firefox issue with @wordpress/interactivity module load

It looks like the file product-filter-price.js is from a paid product, which I don’t have, so I can only guess, I can’t test my theory… but I’m guessing product-filter-price.js is being loaded too soon.

Whatever “r” is, it’s probably defined by some script somewhere on your page, and product-filter-price.js needs to go after that.

My script might be putting product-filter-price.js in the header when it’s supposed to be in the footer.

So maybe you need to use wp_enqueue_script to put product-filter-price.js in the footer.

Maybe something like this?

add_action( 'wp_enqueue_scripts', 'enqueue_product_filter_price_after_r' );
function enqueue_product_filter_price_after_r() {
    wp_enqueue_script('productfilterprice', plugins_url('woocommerce/assets/client/blocks/woocommerce/product-filter-price.js','woocommerce'), array(), '1.2.3', true);
}

You might have to adjust a few things. Such as the version number is probably not “1.2.3”, so put whatever the version number is, instead of “1.2.3”.

• This reply was modified 7 months, 4 weeks ago by becleung. Reason: Edited to correct mistake in wp_enqueue_script

Looks like the script type needs to be specified as “module”. Adding this might help:

function set_scripts_type_attribute( $tag, $handle, $src ) {
    if ( 'productfilterprice' === $handle ) {
        $tag = '<script type="module" src="'. $src .'"></script>';
    }
    return $tag;
}
add_filter( 'script_loader_tag', 'set_scripts_type_attribute', 10, 3 );