WordPress Uncaught TypeError: Cannot read property 'fn' of undefined

このようなエラーが出る

f:id:happy_teeth_ago:20200714121053p:plain

原因覚えておくべきこと

WordPressでは、WordPressで用意されているjQueryがある。

通常のjQueryの $ は使えない

よって、通常の読み込みのように下記を書くと、WordPressのjQueryを読み込んでしまう。

wp_enqueue_script( 'jquery',  get_template_directory_uri() . '/js/jquery-3.2.1.min.js' );

これを回避するためにこのように記載する

//WordPressの用意したjQueryは読み込まない
wp_deregister_script(‘jquery’);

//一応名前を jquery_jsと名前を変えておく jqueryと記載すると、WordPressの用意したjQueryを読み込んでしまう。
wp_enqueue_script( 'jquery_js',  get_template_directory_uri() . '/js/jquery-3.2.1.min.js' );

//BootStrapを使うにはpopperとjqueryを先に読み込んでおく事
wp_enqueue_script( 'popper_js', get_stylesheet_directory_uri() . '/js/popper.js' );
wp_enqueue_script( 'bootstrap4_js', get_stylesheet_directory_uri() . '/js/bootstrap.min.js');
?>



<?php wp_footer(); ?>
<script type="text/javascript">

//$マークは使えないのでこのように記載してあげよう
jQuery(function($){
   $('.carousel').carousel()
});
</script>