Wie lösen Fehler "Cannot set property 'emulateTransitionEnd' of undefined" in der Bootstrap node.js app?

Ich erstellt Node.js Anwendung von Grund auf neu, und ich habe Hinzugefügt, app.js.

global.jQuery = require('jquery');

Danach gibt er mir eine Fehlermeldung wie folgt:

/home/yojna/web/node_modules/bootstrap/js/transition.js:36
  $.fn.emulateTransitionEnd = function (duration) {
                        ^
    TypeError: Cannot set property 'emulateTransitionEnd' of undefined
    at /home/yojna/web/node_modules/bootstrap/js/transition.js:36:29
    at Object.<anonymous>(/home/yojna/web/node_modules/bootstrap/js/transition.js:59:2)
    at Module._compile (module.js:456:26)
    at Object.Module._extensions..js (module.js:474:10)
    at Module.load (module.js:356:32)
    at Function.Module._load (module.js:312:12)
    at Module.require (module.js:364:17)
    at require (module.js:380:17)
    at Object.<anonymous> 
    (/home/yojna/web/node_modules/bootstrap/dist/js/npm.js:2:1)
    at Module._compile (module.js:456:26)
    yojna@yojna-Inspiron-7520:~/web$

InformationsquelleAutor yojna | 2015-06-26

3

NPM ist gemacht für serverseitige Bibliotheken.
Umfassen client-seitigen Bibliotheken wie bootstrap oder jquery, sollte man verwenden Bower statt.

Ich habe dies in ein expressjs-app :
1. Erstellen .bowerrc-Datei, und schreiben Sie die folgenden Zeilen :
```
{
  "directory" : "public/components"
}
```
2. Download von bootstrap und jquery mit Bower :
```
bower install bootstrap
```
3. Definieren Sie anschließend den öffentlichen Ordner, um statische in Ihrem app.js Datei :
```
app.use(express.static(__dirname + '/public'));
```
4. Schließlich, fügen Sie das Skript-tag aus Ihrer Sicht (ich bin Jade hier) :
```
script(src='components/jquery/dist/jquery.min.js')
script(src='components/bootstrap/dist/js/bootstrap.min.js')
```
InformationsquelleAutor pjehan
3

Versuchen erklären dollar-Zeichen-Variablen:
```
global.jQuery = global.$ = require('jquery'); 
```
InformationsquelleAutor jcubic
2

Ich hatte dieses problem, und es war, weil ich aufgenommen hatte, ist der "bootstrap" in meinem Verkäufer webpack 2 config wurde aber mit:
```
require("bootstrap-loader");
```
Damit der browser konnte nicht richtig finden, die bootstrap-loader-Paket.
- Dies hat geholfen. Ich falsch habe versucht, um bootstrap in meiner app.- Modul.ts typescript-Datei mit import 'bootstrap'; und hätte es in meiner webpack config.
InformationsquelleAutor Ryan Shillington
0

Sollten Sie nicht require es. Jquery ist eine Bibliothek, während die client-Seite Node.js ist ein backend-server.

Wenn Sie Jquery verwenden möchten, mit Ihrer Node.js app einfach hinzufügen, um Ihre HTML-Dateien mit:
```
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.4/jquery.js"></script>
```
- Sie haben keine Antwort auf die OPs-Frage.
InformationsquelleAutor michelem

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.