Question

我打算使用bootstrap，所以我首先在require()中使用main.js导入了jquery.min文件但是，bootstrap引发了一个错误，例如Bootstrap的JavaScript需要jQuery，即使我导入了jquery在bootstrap之前提交文件。

main.js：

import vueResource from 'vue-resource';
import VueHead from 'vue-head';
import Vue from 'vue';
import router from './router';

require('../node_modules/bootstrap/dist/css/bootstrap.min.css');
require('../node_modules/font-awesome/css/font-awesome.min.css');
require('../node_modules/simple-line-icons/css/simple-line-icons.css');
require('./assets/css/app.css');

require('../node_modules/jquery/dist/jquery.min');
require('../node_modules/bootstrap/dist/js/bootstrap.min');
.....

我从npm安装了bootstrap（版本3.3.7）和jquery（版本3.2.1）。

导入jquery的正确方法是什么，所以bootstrap不会抛出未找到的jquery错误？

Answer 1

您需要全局公开jquery，以便引导程序可以使用jquuery对象进行初始化。试试这个。

window.jQuery = window.$ =require('../node_modules/jquery/dist/jquery.min')

VueJS没有加载Jquery

1 个答案: