Как исправить «Uncaught SyntaxError: Неожиданный импорт токена» (jQuery, Wordpress)?

Question

Я импортировал $ из jQuery в Wp для кнопки поиска и получил Uncaught SyntaxError: Неожиданный импорт токена.

Я использовал слово jQuery вместо $, консоль была пуста, но код по-прежнему не работает. Что я сделал не так?

Кнопка HTML

    <span class="search-trigger js-search-trigger"><i class="fa fa-search" aria-hidden="true"></i></span>

JS

    import $ from 'jquery';
class Search {
// 1. Describe, create, initiate our object
constructor(){
    this.openButton = $(".js-search-trigger");
    this.closeButton = $(".search-overlay__close");
    this.searchOverlay = $(".search-overlay");
    this.events();
} // 2.events
events(){
this.openButton.on("click", this.openOverlay.bind(this));
this.closeButton.on("click", this.closeOverlay.bind(this));
}// 3. methods (function, action...)
    openOverlay(){
    this.searchOverlay.addClass("search-overlay--active");
} 
closeOverlay(){
    this.searchOverlay.removeClass("search-overlay--active");
}    
}

functions.php

    wp_enqueue_script('script', 
    get_theme_file_uri('/js/modules/search.js'),                      
    array('jquery'), microtime(), true);

Ожидаемый результат - нажмите на знак поиска, появится всплывающее окно с поиском. Нажмите на знак закрытия, он закроется. Фактические результаты - ничего не происходит. Ошибка консоли Uncaught SyntaxError: Неожиданный импорт токена.

Answer 1

Попробуйте импортировать jQuery как файл или другой метод, как требуется. Похоже, что ваша среда не поддерживает токен импорта.

Кроме того, если вы собираетесь использовать этот файл в веб-браузере, а не в зависимости от PHP, для многопоточности, например, неподдерживаемой большинством веб-браузеров, используйте синтаксис ES5 вместо последнего.