Question

我正在尝试将SB Admin 2 bootstrap模板转换为VueJ，遇到包含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");

即使我在主要js中添加了sb-admin-2.min.js中定义的jQuery，也未将其视为已定义的问题。

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

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

有什么想法吗？！或sb-admin js文件有问题!!!，我检查了一下，但没有发现错误。

Answer 1

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

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

应该可以正常工作

将jQuery添加到vue js

1 个答案: