Question

在发布新问题之前，我已经探讨了有关Stack Overflow的现有问题，但不幸的是，它们没有用。

所以我遇到了Uncaught SyntaxError: Cannot use import statement outside a module错误，这是我审核过的问题，告诉我在脚本标签中使用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'
)

Answer 1

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

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

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

1 个答案: