Как импортировать jQuery в $ в приложении Vue. js 3 / Vite - PullRequest
Новая
       28

Как импортировать jQuery в $ в приложении Vue. js 3 / Vite

0 голосов
/ 01 августа 2020

Я пытаюсь включить jQuery в проект Vue. js 3, используя Vite (https://github.com/vitejs/vite).

Я включаю jQuery в свой package. json зависимости: 

  "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 c, но я не пробовал ее с Webpack.

Как правильно импортировать jQuery?

1 Ответ

1 голос
/ 01 августа 2020

Вы пробовали вот так: 

import $ from "jquery";

или пытались просто загрузить в шапку перед vuejs

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