Ich benutze webpack und möchte bootstrap-datetimepicker . In meiner webpack-Konfiguration verwende ich ProvidePlugin , um "jquery" zu erhalten Modul".
In meinem Code bekomme ich den Fehler $(...).datetimepicker is not a function
, wenn ich $('#datetimepicker12').datetimepicker
function aufruft. Ich weiß nicht, warum $
variable datetimepicker
function nicht enthält, was in var datetimepicker = require('eonasdan-bootstrap-datetimepicker');
webpack.config.js
%Vor%index.jsx
%Vor%package.json
%Vor% Eine Möglichkeit, die Änderungen für $ .fn dauerhaft vorzunehmen (ohne die Quelle zu bearbeiten), ist die Verwendung von expose
plugin in Kombination mit imports
:
Was genau machen diese Argumente für den Lader von imorts?
Wenn Sie sich die Quelle ansehen, beginnt diese mit
%Vor%und geht weiter
%Vor% Dieser Teil define=>false,exports=>false
fügt ein Stück JavaScript hinzu, das sowohl define
als auch exports
(innerhalb der umschlossenen Moduldefinition) auf false
setzt und es erlaubt, mit dem Teil "uses the globals" fortzufahren, was genau ist Was wir wollen. moment=moment
sagt ihm, dass er eine Variable moment
gleich require('moment')
setzen soll, jetzt, wenn der datepicker versucht, die Bibliotheken von den globalen aufzulösen, erreicht er die Definition var moment=...
. Wenn Sie moment
von den Globals (nicht als npm-Abhängigkeit) einschließen möchten, sollten Sie dieses Argument weglassen.
Sie müssen prüfen, ob #datetimepicker12 korrekt ist oder nicht, ob es in Ihrem Browser vorhanden ist oder nicht.drücken Sie F12 und drücken Sie Strg + F und finden Sie die ID exist. Und die andere Art und Weise, die jede Fehler JQuery-Datei fehlt datetime Picker js Datei auf Ihrer Seite erhalten Sie Fehler 404 über diese Datei. Geben Sie diese Datei an der Spitze alle js-Dateien hoffe Ihr Problem wird gelöst werden
Tags und Links javascript jquery webpack twitter-bootstrap bootstrap-datetimepicker