时间戳

首页 > 解决方案 > 在Vue中的组件中导入jQuery时顶级等待不可用

javascript - 在Vue中的组件中导入jQuery时顶级等待不可用

问题描述

我正在尝试使用 SSR 构建我的项目，但在我的许多组件中使用 jQuery 时遇到了错误。SSR 不适用于 jQuery，所以我想为客户端动态实现它。我在 index.html 脚本 src 中有主要的 jQuery。

例如，在我的组件内部，我有 import('jquery-flexdatalist/jquery.flexdatalist');

此导入会破坏 SSR。我试图把它写成

let jQuery
if (!import.meta.env.SSR) {
jQuery = await import('jquery-flexdatalist/jquery.flexdatalist');
}

这在开发模式下工作，但是当我构建项目时，我得到一个错误“顶级等待在配置的目标环境中不可用（“es2019”）“。我正在使用 vite 并尝试在 es2015-es2019 之间切换，build: { target: "es2017", }没有结果。我正在寻找如何解决此导入或如何为客户端正确实现 jQuery。

标签： javascriptjqueryvue.jsasync-awaitvite

解决方案

推荐阅读