Как установить jq.Schedule в Vue3 + Typescript ⇐ Jquery

[Anonymous]

$("#schedule").timeSchedule => ошибка TS2339: свойство timeSchedule не существует для типа "JQuery"

Я думаю, это ошибка импорта

$(function(){ var $sc = $("#schedule").timeSchedule({ startTime: "07:00", // время начала расписания (HH:ii) endTime: "21:00", // время окончания расписания(HH:ii) widthTime:60 * 10, // пример временной метки ячейки 10 минут timeLineY:60, // высота(пикселей) вертикальная полоса прокрутки:20, // полоса прокрутки (пикселей) timeLineBorder:2, // граница(сверху и снизу) BundleMoveWidth:6, // ширина для перемещения всех расписаний вправо от выбранной ячейки временной шкалы строки : { '0' : { заголовок: «Область заголовка», подзаголовок: «Описание», расписание:[ { начало:'09:00', конец:'12:00', текст: 'Текстовая область', данные:{ } }, { начало:'11:00', конец:'14:00', текст: 'Текстовая область', данные:{ } } ] }, '1' : { заголовок: «Область заголовка», расписание:[ { начало:'16:00', конец:'17:00', текст: 'Текстовая область', данные:{ } } ] } }, onChange: функция (узел, данные) { addLog('onChange', данные); }, onInitRow: функция (узел, данные) { addLog('onInitRow', данные); }, onClick: функция (узел, данные) { addLog('onClick', данные); }, onAppendRow: функция (узел, данные) { addLog('onAppendRow', данные); }, onAppendSchedule: функция (узел, данные) { addLog('onAppendSchedule', данные); }, onScheduleClick: функция (узел, время, временная шкала) { addLog('onScheduleClick', время + '' + временная шкала); } }); }); https://github.com/ateliee/jquery.schedule https://ateliee.github.io/jquery.schedule/demo/

Среда выполнения: Vue3 + TypeScript

Я хочу использовать библиотеку jQuery с TypeScript.

пытаюсь установить по ссылке, но не получается. Я выполнил «установку npm» и импортировал следующим образом:
npm и jq.schedule --save npm установить jquery jquery-ui --save npm install @types/jquery @types/jqueryui --save-dev
Я написал следующее, как и в случае с другими библиотеками, но файл d.ts кажется неправильным. импортировать --- из 'jq.schedule'

--РЕДАКТИРОВАНИЕ--

Я также попробовал это https://blog.hrendoh.com/using-jquery-u ... t-project/

Я получил сообщение «ReferenceError: jQuery не определен» но мое значение

импортировать $ из 'jquery' импортировать «jquery-ui»; --РЕШЕНО--

Я установил плагин Inject для внедрения jQuery и настройки конфигурации.

vite.config.js/ts импортировать {defineConfig, SplitVendorChunkPlugin} из 'vite' импортировать vue из @vitejs/plugin-vue импортировать инъекцию из @rollup/plugin-inject импортировать компоненты из unplugin-vue-comComponents/vite импортируйте {BootstrapVueNextResolver} из 'unplugin-vue-comComponents/resolver' импортировать { fileURLToPath, URL } из 'node:url' импортируйте vueJsx из @vitejs/plugin-vue-jsx импортировать значки из «unplugin-icons/vite» импортировать IconsResolve из 'unplugin-icons/resolver'

экспортировать default defineConfig({ плагины: [ вю (), вуеJsx(), Компоненты({ преобразователи: [BootstrapVueNextResolver(),IconsResolve()], дтс: правда, }), Иконки({ компилятор: 'vue3', автоустановка: правда, }), SplitVendorChunkPlugin(), вводить({ $: 'jquery', jQuery: 'jquery', }), ], решать: { псевдоним: { '@': fileURLToPath(новый URL('./src', import.meta.url)), } }, }) main.css

@import 'jq.schedule/dist/css/style.min.css'; @import 'jquery-ui-dist/jquery-ui.min.css'; import jquery-ui.css выдает предупреждение о внедрении, и я не считаю необходимым использовать jq.schedule, поэтому удаляю импорт. Я не знаю, как это решить, но моя цель - jq.schedule работает нормально, я возьму его.