У меня проблема с использованием jquery с Vite. Использовалrollup-plugin-inject, но все равно не смог заставить его рабо ⇐ Jquery

[Anonymous]

Я работал с vue и vite. Для проекта требуется функциональность jquery, но похоже, что vite не позволяет использовать jquery обычным способом. Поэтому я использовал инъекцию плагина Rollup, чтобы использовать jquery. Я следовал инструкциям по использованию плагина Rollup Inject, чтобы заставить jquery работать с Vite. Но после реализации этого, похоже, это все еще не работает.
Поэтому я попробовал следующее в vite.config.js:

Код: Выделить всё

import { fileURLToPath, URL } from 'node:url'

import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import inject from '@rollup/plugin-inject'
// define & and jQuery on the global window object

// https://vitejs.dev/config/
export default defineConfig({
plugins: [
inject({   // => that should be first under plugins array
$: 'jquery',
jQuery: 'jquery',
}),
vue(),

],

resolve: {
alias: {
'@': fileURLToPath(new URL('./src', import.meta.url))
}
}
})

Также в main.js:

Код: Выделить всё

import { createApp } from 'vue'
import App from './App.vue'

import $ from 'jquery';
window.$ = window.jQuery = $;

createApp(App).mount('#app')

После внесения этих изменений я получил следующее предупреждение:

Код: Выделить всё

[vite] warning: rollup-plugin-inject: failed to parse D:/vespagiri/src/components/Header.vue. Consider restricting the plugin to particular files via options.include
plugin: inject
File:D:/vespagiri/src/components/Header.vue

Я ожидал, что jquery заработает, но все равно не повезло. Может ли кто-нибудь мне помочь в этом?

Подробнее здесь: https://stackoverflow.com/questions/780 ... -but-still