Question

我从Wp中的jQuery中导入$作为搜索按钮，并得到了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);

预期结果-单击搜索符号，它将显示带有搜索输入的弹出窗口。单击关闭标志，它将关闭。实际结果-没有任何反应。控制台错误未捕获的SyntaxError：意外的令牌导入。

Answer 1

尝试将jQuery导入为文件或其他类似require的方法。看来您的环境不支持导入令牌。

此外，如果您打算在Web浏览器中使用该文件而不是PHP依赖项来填充大多数Web浏览器不支持的内容，请使用ES5语法而不是最新的语法。

如何修复“ Uncaught SyntaxError：意外的令牌导入”（jQuery，Wordpress）？

1 个答案: