将jquery添加到vue js答案

【问题标题】：Adding jquery to vue js将jquery添加到vue js
【发布时间】：2020-10-03 12:25:33
【问题描述】：

我正在尝试将 SB Admin 2 bootstrap 模板转换为 VueJs，我遇到了包含 jQuery 的问题，并且在 chrome 控制台中显示错误

Uncaught ReferenceError: jQuery is not defined
    at eval (sb-admin-2.min.js?1fbf:49)

这就是我包含 jQuery、main.js 文件的方式

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

import jquery from "./assets/vendor/jquery/jquery.min.js";
window.jQuery = window.$ = jquery;

import "./assets/vendor/bootstrap/js/bootstrap.bundle.min.js";
import "./assets/vendor/jquery-easing/jquery.easing.min.js";

import "./assets/js/sb-admin-2.min.js";
import "./assets/vendor/chart.js/Chart.min.js";

import "./assets/js/demo/chart-area-demo.js";
import "./assets/js/demo/chart-pie-demo.js";

Vue.config.productionTip = false;

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

在 sb-admin-2.min.js 中定义的 jQuery 没有被定义的问题，即使我在主 js 中添加了它。

我还尝试使用 npm install --save jquery 并参考已安装的 jquery 进行了上述操作，但没有运气！

import jquery from "jquery";
window.$ = window.jQuery = jquery;
global.$ = global.jQuery = jquery;

有什么想法吗？！或者可能是 sb-admin js 文件有问题！！！，我检查了它，但没有发现任何错误。

【问题讨论】：

我也遇到了同样的问题

标签： jquery vue.js

【解决方案1】：

我遇到了同样的问题，但我通过在名为 js 的公共目录中创建一个文件夹并在那里添加了我的所有模板 js 文件来解决它。然后在 index.html 中，像这样导入它们

  <script src="/js/jquery-modal-video.min.js"></script>

应该可以正常使用

【讨论】：