VueJS 不加载 Jquery答案

【问题标题】：VueJS doesn't load JqueryVueJS 不加载 Jquery
【发布时间】：2018-03-15 04:03:30
【问题描述】：

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

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就不会抛出not found jquery错误？

【问题讨论】：

我认为jquery.min 或bootstrap.min 不会起作用。 .min 只是一个版本的文件，它删除了所有不必要的字符，以使文件大小更小。您仍然需要指出这是什么类型的文件。看起来您只需要在 jquery.min 和 bootstrap.min 之后添加 .js。
在两者都没有改变任何东西之后添加.js。我正在使用 WebStorm 应用程序来构建项目。它实际上写了没有.js的路径
啊，有趣。不幸的是，我对 WebStorm 没有任何经验。但是，我确实遇到了this SO post，这可能会有所帮助。

标签： jquery twitter-bootstrap vue.js

【解决方案1】：

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

试试这个：

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

【讨论】：