2017-10-03 2 views
0

Ich plane, Bootstrap zu verwenden, also importierte ich zuerst jquery.min Datei mit require() in main.js Bootstrap wirft jedoch einen Fehler wie Bootstrap JavaScript erfordert jQuery sogar ich importierte die Jquery-Datei vor dem Bootstrap.VueJS lädt Jquery nicht

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'); 
..... 

I Bootstrap (Version 3.3.7) und jquery (Version 3.2.1) von npm installiert.

Was ist der richtige Weg, um jquery zu importieren, damit bootstrap den nicht gefundenen jquery-Fehler nicht auslöst?

+0

Ich glaube nicht, 'jquery.min' oder' bootstrap.min' funktioniert. '.min' ist nur eine Version der Datei, die alle unnötigen Zeichen entfernt hat, um die Dateigröße zu verringern. Sie müssen noch angeben, um welchen Dateityp es sich handelt. Sieht so aus, als müssten Sie '.js' nach' jquery.min' und 'bootstrap.min' hinzufügen. –

+0

Hinzufügen '.js' nach beiden von ihnen änderte nichts. Ich verwende WebStorm-Anwendung, um das Projekt zu erstellen. Es schrieb tatsächlich diesen Pfad ohne '.js' – Eniss

+0

Ah, interessant. Leider habe ich keine Erfahrung mit WebStorm. Ich habe jedoch [diese SO-Post] (https://stackoverflow.com/questions/41401482/iccant-add-jquery-to-webstorm-why) gefunden, die helfen könnte. –

Antwort

0

Sie müssen jquery global verfügbar machen, damit der Bootstrap mit dem jquuery-Objekt initialisiert werden kann. versuchen Sie das.

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