WordPress / NPM错误 - jQuery必须在Bootstrap的JavaScript之前包含

Question

我正在使用NPM捆绑引导程序和其他几个脚本用于Wordpress主题。

默认情况下，WordPress加载jquery，所以我从捆绑包中排除了jquery。在谷歌开发工具中可以看到jquery在我的捆绑JS文件之前加载，但我仍然收到此错误。

pgthrottle.min.js：2 uncatch TypeError：Bootstrap的JavaScript需要jQuery。 jQuery必须包含在Bootstrap的JavaScript之前。

解决此问题的最佳方法是什么？

以下是我的函数中的内容.php

wp_register_script( 'pgthrottle-js', THEME_DIR . '/js/pgthrottle.min.js', 'jquery', '', true );
wp_enqueue_script( array('jquery', 'pgthrottle-js') ); 

Answer 1

使用 wp_enqueue_scripts 动作钩子。

add_action( 'wp_enqueue_scripts', 'cool_function_name' );
function cool_function_name(){
    wp_register_script( 'pgthrottle-js', THEME_DIR . '/js/pgthrottle.min.js', 'jquery', '', true );
    wp_enqueue_script( array('jquery', 'pgthrottle-js') ); 
}

Answer 2

我将此代码添加到我的webpack.config.js文件中以解决此问题。

plugins: [
         new webpack.ProvidePlugin({
            $: "jquery",
            jQuery: "jquery"
        })