WordPress JavaScript导入错误无法在模块外使用导入语句

在发布一个新问题之前，我已经探讨了关于堆栈溢出的现有问题，但不幸的是，它们没有起作用

所以我得到了一个未捕获的SyntaxError：不能在模块错误之外使用import语句，我回顾的问题告诉我们在script标记中使用type=module或者使用任何Babel工具等等

但最重要的是，我在WordPress项目中使用了这种方法，因为上述方法在我的案例中不起作用。这是我的文件，我试图在其中导入jquery，但得到了导入错误

import $ from 'jquery';
class Search {
    constructor() {
            console.log('Custom constructor called');
            this.openButton = $(".js-searh-trigger");
            this.closeButton = $(".js-search-overlay__close");
            this.searchOverlay = $(".search-overlay");
            this.events();
        }
        // 2. Evetns
    events() {
            this.openButton.on('click', this.openOverlay)
            this.closeButton.on('click', this.closeOverlay)
        }
        // 3. Methods
    openOverlay() {
        this.searchOverlay.addClass('search-overlay--active')
    }
    closeOverlay() {
        this.searchOverlay.removeClass('search-overlay--active')
    }
}
export default Search;
alert('search js working')
console.log(
    'custom working'
)

---

你是说你在客户端使用它吗？在这种情况下，应该使用脚本标记加载jQuery，而不是使用import。例如：

---

不，虽然可以这样添加，但这样做我将无法访问js文件中的jquery函数是客户端还是服务器端？