自作テーマWordpressに、Jsでハンバーガメニューを実装したい

現在、ワードプレスにて自作テーマを制作しておりますが、Jsの読み込みが上手く機能しません。
エラーの原因が分かる方は、いらっしゃいますか？

---実現したいこと---
ハンバーガーメニュを実装したいです。

functions.php
1/*functions.php*/
2<?php function mytheme_setup(){
3//theme.min.cssを有効化
4add_theme_support('wp-block-styles');
5	
6//レスポンシブ対応
7add_theme_support('responsive-embeds');
8	
9//editor側のcssを有効化かつ読み込み
10add_theme_support('editor-styles');
11add_editor_style('editor-style.css');
12	
13//ページタイトル有効化
14add_theme_support('title-tag');
15	
16//link,style,scriptのhtml5対応を有効化
17add_theme_support('html5',array(
18'style',
19'script'
20));
21	
22//アイキャッチ画像を有効化
23add_theme_support('post-thumbnails');
24}
25//関数の呼び出し
26add_action('after_setup_theme','mytheme_setup');
27
28//テーマのstyle.cssを読み込む
29function mytheme_enqueue(){
30wp_enqueue_style(
31'my fonts',
32'https://fonts.googleapis.com/css2?family=Merriweather&display=swap',
33array(),
34null
35);
36//Dashicons読み込み
37wp_enqueue_style(
38'dashicons'
39);
40//テーマのcssを読み込み
41wp_enqueue_style(
42'mytheme-style',
43get_stylesheet_uri(),
44//テーマ内のstyle.cssのパスを取得する
45array(),
46filemtime(get_theme_file_path('style.css'))
47);
48}
49//関数の呼び出し
50add_action('wp_enqueue_scripts','mytheme_enqueue');
51
52//Js関数の定義
53function mytheme_js(){
54wp_enqueue_script( 
55'base-script', 
56get_theme_file_uri( '/js/main.js' ), 
57array(), 
58filemtime( get_theme_file_path( '/js/main.js' ) ), 
59true
60  );
61}
62//関数呼び出し
63add_action('wp_enqueue_scripts','mytheme_js');
64