如何在Vue.js 3 / Vite应用程序中将jQuery导入$

Question

我正在尝试使用 Vite (https://github.com/vitejs/vite) 在 Vue.js 3 项目中包含 jQuery。

我在我的 package.json 依赖项中包含 jQuery：

  "dependencies": {
    "@types/jquery": "^3.5.0",
    "jquery": "^3.5.1",
    "vue": "^3.0.0-rc.1"
  },

我在Vite的skeleton的main.js中导入，第一行：

import * as $ from "jquery";

但这实际上并没有将 jQuery 对象导入 $（它导入了其他东西）。

但是，如果我将其更改为：

import * as jqueryExports from "jquery";
...
window.$ = jqueryExports.default;

然后一切正常。

我很确定这不是预期的方式。另外，我怀疑这个问题不是 Vite 特有的，但我没有用 Webpack 尝试过。

导入的正确方法是什么jQuery？

Answer 1

你试过这样吗:

import $ from "jquery";

或者尝试简单地在vuejs之前的header中加载它

<script  src="https://code.jquery.com/jquery-3.5.1.min.js"  integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0="  crossorigin="anonymous"></script>

如何在Vue.js 3 / Vite应用程序中将jQuery导入$

How to import jQuery into $ in a Vue.js 3 / Vite application

jquery

vue.js

webpack

vuejs3