Wie benötige ich Tether mit Webpack?

Question

Ich habe eine Webpack-Anwendung, die ich mit Laravel Elixier verwende. In dieser Anwendung habe ich eine bootstrap.js Datei für die Initialisierung aller meiner Bibliotheken. Hier ist sie:

window._ = require('lodash'); 

/** 
* We'll load jQuery and the Bootstrap jQuery plugin which provides support 
* for JavaScript based Bootstrap features such as modals and tabs. This 
* code may be modified to fit the specific needs of your application. 
*/ 

window.$ = window.jQuery = require('jquery');// $ui = require("jquery-ui"); 
/** 
* import twitter bootstrap js library 
*/ 
require('bootstrap-sass'); 
/** 
* import jquery ui 
*/ 
require('jquery-ui-bundle'); 

/** 
* import jquery datatables 
*/ 
require('datatables.net'); 

/** 
* import select2 
*/ 
require('select2'); // globally assign select2 fn to $ element 

/** 
* import d3 
*/ 
require('d3'); 

/** 
dropdowns 
*/ 
require('tether'); 
require('tether-drop'); 

Das einzige Problem ist, wenn ich dies zu bauen gehen, bekomme ich Error: Can't resolve 'tether-drop'. Wie kann ich das beheben?

Danke!

Answer 1

Um den Haltegurt zu verwenden, müssen Sie ihn im Fenster verfügbar machen.

Jetzt können Sie es mit anderen Bibliotheken verwenden, zum Beispiel mit bootstrap @ 4. Verwenden Sie keinen Import.

require('bootstrap');