Question

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

默认情况下，WordPress会加载jquery，因此我已将jquery从捆绑包中排除了。在Google开发人员工具中，可以看到在捆绑的JS文件之前加载了jquery，但仍然出现此错误。

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

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

这是我的functions.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"
        })

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

2 个答案: