在jQuery中导入SvelteKit

Question

如何在SvelteKit中导入SvelteKit(在TypeScript支持下)？

const jq = window.$就像在Svelte中所做的那样，会遇到window is not defined。

自2022年8月起更新：不再运行于window is not defined中。见所选答案。

Answer 1

使jQuery在全球范围内可用。所以在app.html

<!-- Example. Update to latest jQuery versions. -->
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.min.js"></script>

然后在.svelte文件中，通过window.$访问jQuery

import { onMount } form 'svelte';
const jq = window.$;

onMount(() => {
  // Use jQuery as you wish. For example:
  jq(`#draggable-div`).draggable();
});

Answer 2

您只需将导入用作语法：

import * as $jq from 'jquery';

或者你可以这样做

import { onMount } from 'svelte';
import js from 'jquery';

onMount(() => {
  window.jq = js;
});