如何在 Svelte 中使用 jQuery

Posted 2023-02-19

【中文标题】如何在 Svelte 中使用 jQuery

【英文标题】：How do I use jQuery in Svelte

【发布时间】：2020-02-01 19:00:18

【问题描述】：

这样做：

import $ from 'jquery';

显示错误

The $ prefix is reserved, and cannot be used for variable and import names svelte(illegal-declaration)

【问题讨论】：

您也可以import jQuery from "jquery" 避免使用 $ 简写，这确实是 svelte 中的保留字。更一般地，检查 ***.com/questions/34338411/… 以获取使用 ES6 语法导入 jQuery 的方法。

谢谢，我想，但我想做的是使用引导组件，但我现在遇到的问题是脚本在组件安装之前运行，所以此时没有元素我的目标 ID

谢谢，我想，但我想做的是使用引导组件，但我现在遇到的问题是脚本在组件安装之前运行，所以此时没有元素我的目标 ID

***.com/a/57828618/10679649

@AneriEmmax 要解决您的其他问题（未安装组件），您可以使用 svelte 的 onMount 生命周期方法。在此处查看官方文档：svelte.dev/docs#onMount

【参考方案1】：

我注意到，如果 JQuery 已经在全球范围内可用，那么您可以通过 window.$ 而不是仅仅通过 $ 访问它，并且 svelte 编译器不会抱怨。

【讨论】：

执行const jq = window.$; 之类的操作可以节省一些击键次数

【参考方案2】：

您可以只使用import as 语法：

import * as $j from 'jquery';

或者你可以使用的anyName