Зачем устанавливать jQuery в Vue? Почему я не могу использовать jQuery, используя только импорт jquery .min. js файла

Question

Я учусь Vue. js. Поэтому я установил vue. js в моей системе, используя vue cli. он успешно установлен. сейчас я создаю сайт в vue. js. так что я шаблонизирую это состояние c HTML до vue. js. поэтому я использую jQuery и некоторые другие библиотеки и js файлы в этом HTML. поэтому, когда я импортирую папку «jquery .min. js» из моей папки src / assets / js », она не компилируется и не работает на сервере разработки. Она зависает на 40% каждый раз, но при установке jquery, а затем импортируйте его сервер компиляции и запуска. Поэтому мой вопрос: зачем устанавливать jQuery и другие модули узлов? Почему мы не можем использовать их, просто используя импорт из. js файлов. Я также делюсь некоторыми экранами снимки, так что вы будете лучше понимать.

Заранее спасибо за помощь.

основной. js файл

import Vue from 'vue';
import App from './App.vue';

import './assets/css/bootstrap.min.css';
import './assets/css/green-audio-player.css';
import './assets/css/icofont.css';
import './assets/css/jquery.calendar.css';
import './assets/css/swiper.min.css';
import './assets/css/main.css';
import './assets/js/jquery.min.js';
import './assets/js/bootstrap.min.js';
import './assets/js/green-audio-player.js';
import './assets/js/popper.min.js';
import './assets/js/swiper.min.js';


Vue.config.productionTip = false;

new Vue({
    render: h => h(App)
}).$mount('#app');

Answer 1

Строка

import './assets/js/jquery.min.js';

Попытается импортировать модуль javascript из этого файла, но этот файл, вероятно, не является модульной версией, вероятно, это версия, предназначенная для использования в теге сценария. Например,

<script src='/assets/js/jquery.min.js'></script>

Поэтому вам нужно либо переместить немодульный javascript в теги сценария в индексе. html, либо использовать npm для установки модульной версии, а затем импортировать модули .