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

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

我在我的package.json依赖项中包括jQuery:

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

main.js在第一行中将其导入Vite的骨架中

import * as $ from "jquery";

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

但是,如果我将其更改为:

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

然后,一切正常。

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

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

安迪巴

您是否尝试过这样:

import $ from "jquery";

或者尝试简单地将其加载到vuejs之前的标头中

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在Vite应用程序中将库作为插件导入?

如何在Vue JS 3应用程序中使用Bootstrap 4添加外部CSS和CSS?

如何在vue.js中将用户信息获取到应用程序的“数据”部分?

如何在AWS上运行Vue JS应用程序?

如何在vue.js应用程序内使用jQuery脚本?

如何从jQuery.min.js导入$到Angular 2应用程序中?找不到名字

Vue 3 & Vite 构建的应用程序显示空白页面

如何在 Vue 3 中导入 svg?

在Vue应用程序中导入Chessboard.js的问题

如何在AIR Android应用程序中在JS和AS3之间进行通信?

如何在Rails 4应用程序的bootstrap 3中安装response.js?

如何在Node.js服务器上部署Vue.js应用程序

如何正确将azure-maps-control导入Vue.js应用程序?

如何在vuetify vue.js应用程序中分隔<v-navigation-drawer>?

如何在Vue.js应用程序中共享“计算”方法

如何在Vue.js应用程序中处理浏览器刷新

如何在vue.js应用程序中访问外部json文件对象

如何在Vue.js应用程序中正确下载Excel文件?

如何在quasar / cordova / vue.js移动应用程序上嵌入外部主页?

如何在Vue.js应用程序的img标签中显示blob图片?

如何在VS Code中调试vue js应用程序?

如何在Vue.js 2应用程序中模仿onbeforeunload?

如何在Vue.js父应用程序中更改HTML块?

如何在 eletron-vue js 中设置应用程序图标

如何在Google Cloud Build上使用env vars部署Vue.js应用程序?

如何在Vue.js应用程序中配置Firebase CDN /缓存?

如何在 Vue.js 应用程序中设置从 HTTP 到 HTTPS 的重定向?

如何在 vue js 应用程序中单击按钮下载 json 文件

在我的React.js应用程序中导入D3.js库时出错